:root{--ink:#0b0c0d;--panel:#111315;--panel-2:#171a1d;--line:#34383c;--text:#f6f7f5;--muted:#aeb3b7;--red:#ff3b30;--white:#fff;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{background:var(--ink);color:var(--text);font-family:var(--mono)}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 87% 12%,#41120f 0,transparent 34rem),var(--ink);min-height:100svh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.loading,.fatal{padding:15vh 8vw;color:var(--muted)}.shell{width:min(1180px,calc(100% - 40px));margin:auto;min-height:100svh;display:flex;flex-direction:column}.shell>header{min-height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:.78rem;letter-spacing:.13em;line-height:1.05}.brand b{color:var(--red);font-size:1rem}.brand-mark{width:36px;height:36px;border:1px solid var(--red);display:grid;grid-template-columns:1fr 1fr;padding:5px;gap:3px}.brand-mark i{background:var(--red);transform:skew(-13deg)}nav{display:flex;align-items:center;gap:4px;margin-left:auto}nav a,nav button{appearance:none;border:0;background:transparent;color:var(--muted);padding:12px;font-size:.72rem;letter-spacing:.08em}nav a:hover,nav a.active,nav button:hover{color:var(--white)}.driver{display:flex;gap:8px;align-items:center;border-left:1px solid var(--line);padding-left:18px;font-size:.72rem;color:var(--muted)}.driver svg{width:17px}.shell main{flex:1;padding:64px 0}.shell footer{border-top:1px solid var(--line);padding:18px 0 28px;display:flex;justify-content:space-between;gap:20px;color:#737a80;font-size:.62rem;letter-spacing:.07em}.kicker{margin:0 0 17px;color:var(--red);font-size:.76rem;letter-spacing:.16em;font-weight:bold}.lede{max-width:51ch;color:var(--muted);line-height:1.65;font-size:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--line);background:transparent;color:var(--white);min-height:50px;padding:12px 18px;font-size:.76rem;font-weight:bold;letter-spacing:.04em}.button svg{width:18px;transition:transform .2s ease}.button:hover svg{transform:translateX(4px)}.button.primary{background:var(--red);border-color:var(--red);color:#170504}.button:disabled{opacity:.65;cursor:wait}.start{width:min(1180px,calc(100% - 40px));min-height:100svh;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.start h1,.hero h1,.page-head h1,.level-head h1{font-size:clamp(3.25rem,7vw,6.6rem);line-height:.9;letter-spacing:-.085em;margin:0}.start-copy{max-width:500px}.start form{display:grid;gap:14px;margin-top:42px}.start label,.proof-form label{display:grid;gap:8px;color:var(--muted);font-size:.73rem;letter-spacing:.06em}.start input,textarea{background:#0d0f11;border:1px solid var(--line);border-radius:0;color:var(--white);padding:15px;outline:0}.start input:focus,textarea:focus{border-color:var(--red)}.error{min-height:1.15em;color:#ff8179;font-size:.78rem;margin:0}.guide-stage{position:relative;min-height:600px;overflow:hidden;border-left:1px solid var(--line);display:flex;align-items:end;justify-content:center}.guide-stage::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 19px,#ff3b3010 20px 21px)}.guide{display:block;max-width:100%;height:auto;filter:drop-shadow(16px 20px 0 #0007)}.guide.large{width:min(620px,100%);z-index:1;animation:guide-enter .85s cubic-bezier(.16,1,.3,1) both}.guide-stage p{position:absolute;left:25px;bottom:20px;margin:0;z-index:2;color:var(--muted);font-size:.72rem;line-height:1.55}.guide-stage b{color:var(--white)}.speed-lines{position:absolute;inset:15% -20%;background:repeating-linear-gradient(-23deg,transparent 0 18px,#ff3b30 19px 21px,transparent 22px 54px);opacity:.48;transform:skewY(10deg);animation:lines 4s linear infinite}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center;min-height:590px}.hero-copy h1{margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-guide{height:540px;position:relative;border:1px solid var(--line);overflow:hidden;background:linear-gradient(150deg,#1d0807,#0d0e0f 55%)}.guide-card{position:absolute;inset:0}.guide-card>span{position:absolute;top:16px;left:16px;z-index:2;color:var(--muted);font-size:.67rem;letter-spacing:.08em}.guide-card img{position:absolute;bottom:-54px;right:-84px;width:590px;max-width:none}.guide-card b{position:absolute;z-index:2;left:22px;bottom:20px;font-size:clamp(1.8rem,3.7vw,3.5rem);line-height:.9;letter-spacing:-.08em}.meter{margin-top:34px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:22px;border-top:1px solid var(--line);padding-top:15px;max-width:460px}.meter>div:first-child{display:flex;flex-direction:column;gap:7px}.meter span{font-size:.62rem;color:var(--muted);letter-spacing:.1em}.meter strong{font-size:1.7rem;line-height:1}.meter em{font-size:.77rem;color:var(--muted);font-style:normal}.meter-track{height:6px;background:#25292d;position:relative;margin-bottom:3px}.meter-track i{display:block;height:100%;background:var(--red);transition:width .5s ease}.brief{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:80px minmax(0,1fr) max-content;gap:26px;align-items:center;color:var(--muted);font-size:.78rem}.brief span:first-child{font-size:1.8rem;color:var(--red);font-weight:bold}.brief p{max-width:62ch;margin:0;line-height:1.6}.brief span:last-child{font-size:.65rem;letter-spacing:.08em}.page-head{max-width:720px}.page-head h1{margin-bottom:24px}.page-head .meter{margin-top:40px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:52px}.post-card{position:relative;min-height:218px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;background:var(--panel);transition:background .2s ease}.post-card::before{content:"";position:absolute;inset:auto -30px -70px auto;width:130px;height:130px;border:28px solid #ffffff08;transform:rotate(45deg);transition:border-color .2s ease}.post-card:hover.open{background:#191411}.post-card:hover.open::before{border-color:#ff3b302e}.post-card small{color:var(--muted);font-size:.62rem;letter-spacing:.08em}.post-card h2{font-size:1.25rem;letter-spacing:-.06em;margin:10px 0 6px}.post-card p{font-size:.76rem;color:var(--muted);margin:0;line-height:1.45}.post-no{position:absolute;top:16px;left:18px;color:var(--red);font-size:1rem;font-weight:bold}.post-state{position:absolute;right:16px;top:16px;color:var(--muted)}.post-state svg{width:18px}.post-card.done .post-state{color:var(--red)}.post-card.locked{background:#0d0f10;color:#71777c;cursor:default}.post-card.locked .post-no{color:#41464b}.back{color:var(--muted);font-size:.73rem;letter-spacing:.05em}.back:hover{color:var(--white)}.level-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:36px 0 46px}.level-head h1{font-size:clamp(2.8rem,6vw,5.6rem)}.flag-number{font-size:clamp(4.5rem,10vw,9rem);color:transparent;-webkit-text-stroke:1px #4a4f53;line-height:.7;font-weight:bold;letter-spacing:-.12em}.stage-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(310px,.7fr);gap:28px;align-items:start}.stage-grid>div:first-child{position:relative;padding-top:115px}.clue-guide{position:absolute;right:0;top:-105px;width:260px;z-index:1;filter:drop-shadow(12px 13px 0 #000)}.riddle,.instruction,.proof-form,.status-box,.proof-log{border:1px solid var(--line);background:var(--panel);padding:26px}.riddle{position:relative;z-index:2;background:linear-gradient(130deg,#210b09,#111315 54%);animation:card-in .45s ease both}.riddle-top{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.62rem;letter-spacing:.08em}.riddle h2{max-width:35ch;font-size:clamp(1.32rem,2.4vw,2rem);line-height:1.28;letter-spacing:-.055em;margin:34px 0}.riddle-solution{border-top:1px solid #ffffff22;padding-top:16px;display:flex;justify-content:space-between;align-items:end;gap:20px;color:var(--muted);font-size:.62rem;letter-spacing:.08em}.riddle-solution strong{font-size:1rem;color:var(--white);letter-spacing:-.04em}.instruction{border-top:0}.instruction h2,.proof-form h2,.status-box h2,.proof-log h2{font-size:1.1rem;letter-spacing:-.05em;margin:0 0 18px}.instruction p{color:var(--muted);line-height:1.7;margin:0 0 14px}.instruction .after{color:#fff;margin-top:26px;font-size:.88rem}.proof-form{position:sticky;top:16px}.proof-form form{display:grid;gap:15px}.proof-form textarea{height:92px;resize:vertical}.file-pick{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px;background:#0c0e0f;border:1px dashed #555b60;padding:17px!important;color:var(--white)!important}.file-pick>svg{color:var(--red);width:26px;height:26px}.file-pick strong{font-size:.78rem;letter-spacing:0}.file-pick small{width:100%;color:var(--muted);line-height:1.5;font-size:.66rem;letter-spacing:0}.file-pick input{max-width:100%;color:var(--muted);font-size:.7rem}.file-name{color:var(--muted);font-size:.68rem;min-height:1em;margin:0}.status-box svg{color:var(--red);width:34px;height:34px;margin-bottom:15px}.status-box p{color:var(--muted);line-height:1.6;font-size:.85rem}.proof-log{margin-top:18px}.proof-log>div{display:grid;grid-template-columns:66px 1fr;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.proof-log>div:first-of-type{border-top:0}.proof-log img{width:66px;height:52px;object-fit:cover}.proof-log span{font-size:.59rem;color:var(--red)}.proof-log p{margin:0;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}.proof-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:48px}.proof-wall article{min-height:220px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.proof-wall small{display:block;color:var(--red);font-size:.62rem;margin-bottom:14px}.proof-wall img{display:block;width:100%;height:145px;object-fit:cover;filter:saturate(.9)}.proof-wall p{color:var(--muted);font-size:.72rem;line-height:1.45}.media-chip{height:145px;display:grid;place-items:center;border:1px dashed var(--line);color:var(--muted);font-size:.7rem;text-align:center}.empty{color:var(--muted)}.modal{width:min(560px,calc(100% - 28px));border:1px solid var(--line);background:var(--panel);color:var(--white);padding:32px;box-shadow:16px 16px 0 #000}.modal::backdrop{background:#000c;backdrop-filter:blur(4px)}.modal h2{font-size:clamp(2rem,7vw,3.2rem);line-height:.95;letter-spacing:-.08em;margin:0 0 24px}.modal p{color:var(--muted);line-height:1.65}.modal .compat{font-size:.78rem;border-left:2px solid var(--red);padding-left:13px}.modal-close{position:absolute;right:12px;top:12px;border:0;background:transparent;color:var(--muted);padding:8px}.modal-close:hover{color:var(--white)}.finish{text-align:center}.finish .button{margin-top:10px}.fatal h1{font-size:2rem}.fatal p{color:var(--muted)}#notice:not(:empty){position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 17px;border:1px solid var(--line);background:#1b1e20;color:var(--white);font-size:.78rem;line-height:1.5;box-shadow:9px 9px 0 #000}@keyframes guide-enter{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes lines{to{transform:translateX(-48px) skewY(10deg)}}@media(max-width:780px){.shell{width:min(100% - 28px,1180px)}.shell>header{min-height:70px;flex-wrap:wrap;padding:13px 0;gap:10px}.brand{font-size:.64rem}.brand b{font-size:.85rem}nav{order:3;width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:7px}.driver{margin-left:auto;border:0;padding:0;font-size:.62rem}.shell main{padding:38px 0}.shell footer{font-size:.54rem}.start{grid-template-columns:1fr;width:calc(100% - 28px);gap:0;padding:42px 0}.start h1,.hero h1,.page-head h1{font-size:3.45rem}.guide-stage{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-guide{height:370px;order:-1}.guide-card img{width:410px;bottom:-35px;right:-55px}.guide-card b{font-size:2.25rem}.brief{grid-template-columns:40px 1fr;padding:16px 0;gap:14px}.brief span:last-child{grid-column:2}.post-grid,.proof-wall{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}.post-card{min-height:178px;padding:15px}.post-card h2{font-size:1.05rem}.post-card p{font-size:.68rem}.stage-grid{grid-template-columns:1fr}.stage-grid>div:first-child{padding-top:80px}.clue-guide{width:190px;top:-80px}.riddle,.instruction,.proof-form,.status-box,.proof-log{padding:20px}.riddle h2{margin:25px 0;font-size:1.25rem}.proof-form{position:static}.level-head{margin:26px 0 34px}.flag-number{font-size:5.5rem}.page-head .meter{margin-top:30px}}@media(max-width:420px){.post-grid,.proof-wall{grid-template-columns:1fr}.shell footer{flex-direction:column}.hero-actions .button{width:100%}.riddle-top{display:block}.riddle-top span{display:block;margin-bottom:5px}.meter{gap:12px}.file-pick input{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}