@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{--paper:#faf8f2;--white:#fffffc;--ink:#252521;--muted:#71716a;--rule:#d9d7cf;--blue:#365d87;--blue-bright:#1b4dd8;--red:#c22342;--mono:'JetBrains Mono',ui-monospace,monospace;--sans:'IBM Plex Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;--hand:Caveat,cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:var(--sans);line-height:1.48}.shell{max-width:1370px;margin:auto;padding:0 clamp(22px,4vw,70px)}header{height:82px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;color:var(--ink);font:600 29px var(--hand);white-space:nowrap}.brand-period{color:var(--red)}.beta{font:9px var(--mono);color:var(--muted);margin-left:15px;vertical-align:middle;letter-spacing:.06em}.header-right,.eyebrow,.mini,.panel-label,.difficulty,.online,.attempt-track,.hint,.compose-bottom,.wall-filters,.wall-meta,footer,.intro-actions>span{font-family:var(--mono);font-size:10px;letter-spacing:.065em}.header-right{color:var(--muted)}.header-slash{padding:0 10px;color:var(--blue)}.intro{padding:86px 0 69px;position:relative}.intro:after{content:'↘';position:absolute;right:6%;top:100px;font:90px var(--hand);color:var(--blue);transform:rotate(-8deg);opacity:.76}.eyebrow{color:var(--blue);font-weight:600;text-transform:uppercase}.line{display:inline-block;width:34px;border-top:1px solid var(--blue);vertical-align:4px;margin:0 10px}.intro h1{font:400 clamp(70px,8vw,127px)/.94 var(--serif);letter-spacing:-.055em;margin:22px 0 24px}.intro h1 em{color:var(--blue);font-weight:400}.intro p{font-size:18px;max-width:550px;margin:0;color:#45453f;line-height:1.65}.intro-actions{display:flex;align-items:center;gap:24px;margin-top:33px;flex-wrap:wrap}.intro-actions>a{display:inline-flex;align-items:center;gap:50px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font:600 13px var(--sans);text-decoration:none;padding:14px 18px;transition:background .2s,transform .2s}.intro-actions>a:hover{background:var(--blue);transform:translateY(-2px)}.intro-actions>a span{font-size:19px}.intro-actions>span{color:var(--muted);letter-spacing:0}.arena{display:grid;grid-template-columns:275px minmax(0,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--white)}.levels{border-right:1px solid var(--rule);min-width:0;display:flex;flex-direction:column}.panel-label{padding:22px;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--ink);color:var(--ink);font-weight:600}.panel-label span{color:var(--muted);font-size:9px;white-space:nowrap}.level{display:flex;align-items:flex-start;gap:13px;background:transparent;border:0;border-bottom:1px solid var(--rule);color:var(--ink);padding:18px 20px;text-align:left;cursor:pointer;width:100%;transition:background .15s}.level:hover,.level:focus-visible{background:#f4f2eb}.level.active{background:#eef2f4;box-shadow:inset 3px 0 var(--blue)}.level .num{font:500 12px var(--mono);color:var(--blue);margin-top:4px}.level strong{display:block;font:400 21px/1.1 var(--serif)}.level small{display:block;font:9px var(--mono);color:var(--muted);margin-top:7px;letter-spacing:.02em;text-transform:uppercase}.medal{margin-left:auto;color:var(--red)}.sim-note{display:flex;align-items:flex-start;gap:10px;margin:auto 17px 17px;padding:14px;border-top:1px solid var(--rule);color:var(--muted);min-width:0}.sim-note>span{font:24px var(--hand);color:var(--blue)}.sim-note>div{min-width:0}.sim-note strong{color:var(--ink);font:600 17px var(--hand)}.sim-note p{font-size:11px;margin:3px 0 0;overflow-wrap:anywhere}.play{min-width:0}.play-top{padding:27px 33px 22px;display:flex;justify-content:space-between;gap:20px}.mini{font-weight:500;color:var(--blue);text-transform:uppercase}.mini span{color:var(--muted);margin-left:9px}.play-top h2{font:400 clamp(31px,3.5vw,45px)/1 var(--serif);margin:8px 0 9px;letter-spacing:-.025em}.play-top p{font-size:13px;color:#51514d;margin:0;max-width:580px}.difficulty{white-space:nowrap;color:var(--red);padding-top:2px}.rule{margin:0 33px 25px;padding:15px 18px;display:flex;gap:16px;border-left:2px solid var(--blue);background:#f4f5f3}.rule-icon{color:var(--blue);font:25px var(--hand)}.rule p{margin:4px 0 0;font-size:13px}.chat-head{display:flex;align-items:center;gap:11px;padding:13px 33px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#f8f7f3}.avatar{width:36px;height:36px;border:1px solid var(--ink);display:grid;place-items:center;font:20px var(--serif)}.chat-head strong{display:block;font-size:12px}.chat-head small{display:block;color:var(--muted);font:9px var(--mono);text-transform:uppercase}.online{margin-left:auto;color:var(--blue);white-space:nowrap}.online i{display:inline-block;background:var(--blue);width:6px;height:6px;border-radius:50%;margin-right:5px}.chat-log{height:295px;overflow:auto;display:flex;flex-direction:column;gap:13px;padding:23px 33px;scroll-behavior:smooth}.bubble{max-width:min(89%,610px);padding:12px 15px;align-self:flex-start;background:#f5f3ed;border:1px solid var(--rule);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.bubble.player{align-self:flex-end;background:#ebf0f4;border-color:#bbcad5}.bubble.system{align-self:center;background:transparent;border:0;border-bottom:1px dashed var(--rule);color:var(--muted);font:10px var(--mono);text-align:center;padding:8px}.bubble .sender{display:block;margin-bottom:5px;font:9px var(--mono);color:var(--blue);text-transform:uppercase}.bubble.agent .sender{color:var(--muted)}.attempt-track{display:flex;align-items:center;gap:15px;padding:9px 33px;border-top:1px solid var(--rule);color:var(--muted);background:#f8f7f3}.attempt-track>span{white-space:nowrap}.attempt-track>div{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;width:100%}.attempt-track i{height:3px;background:var(--blue)}.attempt-track i.used{background:var(--rule)}.composer{padding:15px 33px 23px;border-top:1px solid var(--rule);background:var(--white)}.hint{padding-bottom:11px;color:var(--blue)}.hint button{border:0;background:none;padding:0;color:var(--blue);font:600 18px var(--hand);text-decoration:underline;cursor:pointer}.hint span{display:none;color:var(--ink);font:13px var(--sans);margin-left:12px}.hint.open span{display:inline}textarea{resize:vertical;width:100%;min-height:69px;padding:12px 13px;background:#fff;border:1px solid #a9aaa5;color:var(--ink);font:13px var(--sans);outline:none}textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #365d8720}.compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);margin-top:10px}.compose-bottom button,.win-actions button{font:600 12px var(--sans);cursor:pointer}.compose-bottom button{border:1px solid var(--blue);background:var(--blue);color:white;padding:10px 19px}.compose-bottom button:hover{background:var(--ink)}button:focus-visible,a:focus-visible{outline:2px solid var(--blue-bright);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.win-panel{display:grid;grid-template-columns:37px 1fr;gap:6px 13px;border-top:2px solid var(--red);background:#fff8f6;padding:22px 33px}.win-emblem{font:30px var(--hand);color:var(--red)}.win-panel .mini{color:var(--red)}.win-panel h3{font:400 31px var(--serif);margin:5px 0}.win-panel p{margin:0;font-size:12px}.proof{margin-top:13px;border-left:2px solid var(--red);padding:9px 13px;background:#fff;display:flex;gap:10px;flex-wrap:wrap}.proof span{font:9px var(--mono);color:var(--red)}.proof code{font-size:11px;overflow-wrap:anywhere}.win-actions{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.win-actions button{padding:9px 13px;border:1px solid var(--ink);color:var(--ink);background:transparent}.win-actions button:first-child{background:var(--ink);color:white}.win-actions button:hover{border-color:var(--blue);color:var(--blue)}.win-actions button:first-child:hover{background:var(--blue);color:#fff}.hidden{display:none}.wall{padding:85px 0}.wall-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.wall-heading h2{font:400 54px/1 var(--serif);margin:10px 0}.spark{font:35px var(--hand);color:var(--blue)}.wall-heading p{font-size:13px;color:var(--muted);margin:0}.wall-filters{display:flex;flex-wrap:wrap;gap:5px}.wall-filters button{border:1px solid var(--rule);background:transparent;color:var(--muted);padding:8px 10px;font:10px var(--mono);cursor:pointer}.wall-filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.wall-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.wall-card{background:var(--white);border:1px solid var(--rule);padding:20px;min-width:0;transition:border-color .2s,transform .2s}.wall-card:hover{border-color:var(--blue);transform:translateY(-2px)}.wall-meta{display:flex;gap:10px;color:var(--blue);flex-wrap:wrap}.wall-meta span:last-child{color:var(--muted)}.wall-card blockquote{margin:18px 0;min-height:55px;font:17px/1.3 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto}.wall-card small{font:9px var(--mono);color:var(--muted)}.empty{grid-column:1/-1;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:34px 4px;font:18px var(--hand);color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding:27px 0 45px;color:var(--muted)}footer .brand{font-size:20px}footer p{max-width:550px;text-align:right;margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.arena{grid-template-columns:1fr}.levels{border-right:0;border-bottom:1px solid var(--ink)}#levels{display:flex;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}.level{flex:0 0 155px;min-width:0;padding:15px 10px}.level strong{overflow-wrap:anywhere}.sim-note{margin:11px 20px;max-width:370px}.wall-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.shell{padding:0 17px}header{height:64px}.header-right{display:none}.beta{font-size:8px}.intro{padding:54px 0 43px}.intro:after{display:none}.intro h1{font-size:clamp(57px,15vw,79px);margin:18px 0}.intro p{font-size:15px;line-height:1.55}.intro-actions{gap:13px;margin-top:24px}.intro-actions>span{font-size:9px}.play-top{padding:22px 18px;gap:6px}.play-top h2{font-size:35px}.difficulty{font-size:8px}.rule{margin:0 18px 19px}.chat-head{padding:11px 18px}.chat-log{height:280px;padding:18px}.attempt-track{padding:9px 18px;gap:8px;font-size:8px}.attempt-track>div{gap:3px}.composer{padding:15px 18px 20px}.compose-bottom{font-size:8px}.win-panel{padding:20px 18px}.wall{padding:58px 0}.wall-heading{display:block}.wall-heading h2{font-size:46px}.wall-filters{margin-top:17px}.wall-items{grid-template-columns:1fr}footer{display:block}footer p{text-align:left;margin-top:15px}}
/* Drawn motifs, not icon-font glyphs. Blue is guidance; crimson only marks a breach. */
.intro{min-height:475px;padding-right:min(40%,440px)}.intro:after{display:none}.hero-art{position:absolute;right:0;top:30px;width:min(42%,490px);pointer-events:none}.hero-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.mission-icon{width:23px;height:23px;margin-left:auto;flex:none;fill:none;stroke:var(--blue);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.level.active .mission-icon{opacity:1}.medal{font-size:13px;margin-left:0}.rule-icon svg,.avatar svg,.win-emblem svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rule-icon{display:grid;place-items:center}.avatar svg{width:23px;height:23px}.win-emblem svg{width:32px;height:32px}@media(max-width:900px){.intro{min-height:0;padding-right:35%}.hero-art{width:38%;top:55px}.mission-icon{width:20px;height:20px}}@media(max-width:600px){.intro{padding-right:0;padding-top:220px}.hero-art{top:0;right:0;width:260px;height:220px;overflow:hidden}.hero-art img{width:260px;height:195px;object-fit:contain}.mission-icon{width:19px;height:19px}}
.start-link{display:inline-flex;align-items:center;gap:50px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font:600 13px var(--sans);padding:14px 18px;cursor:pointer;transition:background .2s,transform .2s}.start-link:hover{background:var(--blue);transform:translateY(-2px)}.start-link span{font-size:19px}.replay-tour{border:0;background:transparent;color:var(--blue);font:500 13px var(--hand);text-align:left;padding:18px 22px;cursor:pointer}.replay-tour:hover{text-decoration:underline}.tour-open{overflow:hidden}.tour-modal{position:fixed;inset:0;z-index:100;background:#252521aa;display:grid;place-items:center;padding:18px}.tour-modal.hidden{display:none}.tour-card{position:relative;width:min(100%,590px);min-height:510px;background:var(--paper);border:1px solid var(--ink);box-shadow:11px 11px 0 #25252155;padding:28px 36px 32px;display:flex;flex-direction:column}.tour-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:15px;color:var(--blue);font:10px var(--mono)}#tour-close{border:0;background:none;color:var(--ink);font:34px var(--serif);line-height:.7;cursor:pointer}.tour-art{align-self:flex-start;margin:33px 0 14px;padding:14px 22px;border:1px solid var(--blue);transform:rotate(-3deg);color:var(--blue);font:500 22px var(--hand);background:var(--white)}.tour-card h2{font:400 clamp(45px,6vw,65px)/.99 var(--serif);letter-spacing:-.03em;margin:7px 0 15px}.tour-card p{font-size:15px;line-height:1.6;color:#55554f;max-width:440px;margin:0}.tour-name{margin-top:20px}.tour-name label{display:block;font:10px var(--mono);color:var(--blue);margin-bottom:9px}.tour-name input{width:100%;padding:12px 14px;border:1px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font:16px var(--sans)}.tour-name input:focus{outline:2px solid var(--blue)}.tour-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);padding-top:20px}.tour-dots{display:flex;gap:6px}.tour-dots i{display:block;width:17px;height:4px;background:var(--rule)}.tour-dots i.active{background:var(--blue)}.tour-controls{display:flex;gap:8px}.tour-controls button{padding:9px 13px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:600 12px var(--sans);cursor:pointer}.tour-controls .tour-quiet{background:transparent;color:var(--ink)}.tour-controls button:disabled{opacity:.35}.wall-meta span:nth-child(3){color:var(--ink)}@media(max-width:600px){.tour-card{padding:21px;min-height:500px}.tour-card h2{font-size:49px}.tour-art{margin-top:28px}.start-link{gap:50px}}
/* The breakers: quiet editorial scoreboard, with the receipt wall below. */
.wall-heading .wall-note{font:9px var(--mono);letter-spacing:.06em;color:var(--muted);text-align:right}.leaderboard{margin-top:30px;border-top:2px solid var(--ink);background:var(--white);border-bottom:1px solid var(--ink)}.leaderboard-header,.leader-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(130px,.9fr) minmax(150px,.8fr);align-items:center;gap:16px;padding:14px 21px}.leaderboard-header{background:var(--ink);color:var(--white);font:9px var(--mono);letter-spacing:.1em}.leaderboard-header span:last-child{text-align:right}.leader-row{border-top:1px solid var(--rule);min-height:73px}.leader-row:first-child{border-top:0}.leader-row:nth-child(1){background:#eef2f4}.leader-alias{display:flex;align-items:baseline;gap:18px;min-width:0}.leader-rank{font:11px var(--mono);color:var(--blue)}.leader-alias strong{font:400 27px var(--serif);overflow-wrap:anywhere}.leader-missions{display:flex;align-items:center;gap:13px;font:11px var(--mono);white-space:nowrap}.leader-missions b{font-weight:500;color:var(--blue)}.leader-marks{display:flex;gap:4px}.leader-marks i{width:12px;height:4px;background:var(--rule)}.leader-marks i.beaten{background:var(--blue)}.leader-turns{text-align:right;font:10px var(--mono);color:var(--muted)}.leader-empty{padding:29px 20px;font:19px var(--hand);color:var(--muted)}.wall-subhead{margin-top:63px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding-bottom:17px}.wall-subhead h3{font:400 39px var(--serif);margin:7px 0 0}.wall-subhead p{font:12px var(--sans);color:var(--muted);margin:0}.wall-subhead .wall-filters{margin:0}.wall-items{margin-top:18px}@media(max-width:600px){.wall-heading .wall-note{display:block;text-align:left;margin-top:10px}.leaderboard-header,.leader-row{grid-template-columns:minmax(0,1fr) 94px;gap:8px;padding:12px}.leaderboard-header span:last-child,.leader-turns{display:none}.leader-alias{gap:9px}.leader-alias strong{font-size:23px}.leader-missions{display:block;text-align:right}.leader-marks{justify-content:flex-end;margin-top:8px}.wall-subhead{display:block;margin-top:42px}.wall-subhead h3{font-size:34px}.wall-subhead .wall-filters{margin-top:16px}}