:root{
  color-scheme:dark;
  --app-height:100vh;
  --bg:#111916;
  --bg-soft:#18231f;
  --panel:#1d2a25;
  --panel-strong:#24342e;
  --panel-glass:rgba(31,46,40,.9);
  --ink:#f4f0e4;
  --muted:#a9b4ac;
  --line:rgba(220,237,226,.16);
  --line-strong:rgba(220,237,226,.29);
  --mint:#7ed6ad;
  --mint-strong:#a7efc9;
  --mint-soft:rgba(126,214,173,.13);
  --amber:#f1bd6a;
  --amber-soft:rgba(241,189,106,.13);
  --danger:#ff8f96;
  --danger-soft:rgba(255,143,150,.12);
  --focus:#f1bd6a;
  --shadow:0 26px 72px rgba(0,0,0,.34);
  --radius:24px;
  --app-pad:max(9px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));
  font-family:Inter,ui-rounded,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
@supports(height:100svh){:root{--app-height:100svh}}
@supports(height:100dvh){:root{--app-height:100dvh}}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{min-height:var(--app-height);color:var(--ink);background:radial-gradient(circle at 15% 0%,rgba(126,214,173,.13),transparent 29%),radial-gradient(circle at 91% 90%,rgba(241,189,106,.08),transparent 31%),linear-gradient(150deg,#0d1412,var(--bg) 55%,#121a18)}
button,input,select{font:inherit}
button{color:inherit;touch-action:manipulation}
button:focus-visible,input:focus-visible,select:focus-visible,.route-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
button:disabled{opacity:.42;cursor:not-allowed;transform:none!important}
[hidden]{display:none!important}
.sr-only,.sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app{position:relative;isolation:isolate;width:100%;height:var(--app-height);display:grid;grid-template-rows:auto minmax(0,1fr);gap:9px;padding:var(--app-pad);overflow:hidden}
.app::before{content:"";position:absolute;z-index:-1;left:10%;right:10%;top:45%;height:36%;border-radius:50%;background:radial-gradient(ellipse,rgba(126,214,173,.06),transparent 70%);filter:blur(28px);pointer-events:none}
.topbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1240px;width:100%;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}
.brand-mark{width:44px;height:44px;border-radius:14px;border:1px solid rgba(126,214,173,.31);display:grid;grid-template-rows:repeat(3,1fr);gap:3px;padding:8px;background:linear-gradient(145deg,rgba(126,214,173,.12),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.brand-mark i{display:block;border-radius:3px;background:linear-gradient(90deg,var(--mint),rgba(126,214,173,.35));transform-origin:left center}.brand-mark i:nth-child(2){transform:scaleX(.72)}.brand-mark i:nth-child(3){transform:scaleX(.45)}
.brand-copy{display:grid;gap:1px;min-width:0}.brand-copy strong{font-size:clamp(20px,2.6vw,29px);line-height:1;letter-spacing:-.045em}.brand-copy small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:850;white-space:nowrap}
.top-actions{display:flex;align-items:center;gap:6px}.mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.mode-button{min-width:96px;min-height:44px;border:1px solid transparent;border-radius:12px;background:transparent;padding:5px 9px;display:grid;gap:1px;text-align:left;cursor:pointer}.mode-button strong{font-size:11px}.mode-button small{font-size:7px;color:var(--muted)}.mode-button[aria-pressed="true"]{border-color:rgba(126,214,173,.42);background:var(--mint-soft);box-shadow:inset 0 1px rgba(255,255,255,.06)}.mode-button[aria-pressed="true"] strong{color:var(--mint-strong)}
.icon-button{width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.035);display:grid;place-items:center;font-weight:900;font-size:18px;cursor:pointer}
.game-shell{min-height:0;width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(310px,1.16fr) minmax(280px,.92fr);gap:10px}
.goal-panel,.route-panel,.composer-panel{min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-glass);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.goal-panel{padding:clamp(16px,2vw,26px);display:flex;flex-direction:column;gap:clamp(11px,1.8vh,18px);overflow:hidden}
.goal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.eyebrow{display:block;color:var(--mint);font-size:8px;line-height:1.2;font-weight:950;text-transform:uppercase;letter-spacing:.16em}.goal-heading h1{margin:5px 0 0;font-size:clamp(27px,3vw,43px);line-height:.96;letter-spacing:-.062em;max-width:7.7em}.goal-heading h1 em{display:block;color:var(--amber);font-style:normal}
.move-chip{width:58px;height:58px;border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.035);display:grid;place-content:center;text-align:center;gap:2px;flex:none}.move-chip span{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-weight:900}.move-chip strong{font-size:22px;line-height:1}
.rule-line{margin:0;padding:10px 11px;border-left:3px solid var(--mint);border-radius:3px 11px 11px 3px;background:var(--mint-soft);font-size:11px;line-height:1.45;color:var(--muted)}.rule-line>span{color:var(--mint);font-weight:1000;margin-right:5px}.rule-line strong{color:var(--ink)}
.goal-words{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:5px}.word-card{min-width:0;min-height:98px;border-radius:18px;border:1px solid var(--line-strong);background:rgba(255,255,255,.035);display:grid;place-content:center;text-align:center;gap:7px;padding:10px}.word-card span{font-size:7px;color:var(--muted);font-weight:950;letter-spacing:.17em}.word-card strong{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:clamp(21px,2.15vw,29px);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.target-card{border-color:rgba(241,189,106,.42);background:var(--amber-soft)}.target-card strong{color:#ffe0a9}.goal-arrow{display:grid;gap:3px}.goal-arrow i{height:3px;border-radius:99px;background:var(--mint);opacity:.3}.goal-arrow i:nth-child(2){opacity:.7}.goal-arrow i:nth-child(3){opacity:1}
.par-cue{margin:0;color:#c8d3cc;font-size:11px;text-align:center}.par-cue.revealed{color:var(--amber);font-weight:850}
.route-panel{padding:clamp(13px,1.6vw,20px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:9px;overflow:hidden}.route-heading{display:flex;align-items:end;justify-content:space-between;gap:10px}.route-heading h2{font-size:clamp(20px,2.4vw,30px);letter-spacing:-.045em;margin:3px 0 0}.route-current{max-width:50%;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted);font-size:8px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.route-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:3px 5px 14px 0;scrollbar-width:thin;scrollbar-color:rgba(126,214,173,.35) transparent}.route-list{position:relative;list-style:none;margin:0;padding:0 0 0 28px;display:grid;gap:7px}.route-list::before{content:"";position:absolute;left:11px;top:18px;bottom:18px;width:2px;background:linear-gradient(var(--mint),rgba(126,214,173,.13))}.route-rung{position:relative;min-height:55px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px}.route-rung::before{content:"";position:absolute;left:-23px;top:50%;width:11px;height:11px;margin-top:-6px;border-radius:50%;background:var(--bg-soft);border:2px solid var(--mint);box-shadow:0 0 0 4px var(--panel)}.route-rung.current{border-color:rgba(126,214,173,.44);background:var(--mint-soft)}.route-rung.current::before{background:var(--mint);box-shadow:0 0 16px rgba(126,214,173,.45),0 0 0 4px var(--panel)}.rung-word{display:flex;align-items:center;gap:2px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:clamp(19px,2vw,26px);font-weight:850;letter-spacing:.04em;text-transform:uppercase}.rung-word span{min-width:.75em;text-align:center;border-bottom:2px solid transparent}.rung-word .changed{color:#17221f;background:var(--amber);border-radius:5px;border-bottom:0;padding:1px 1px;box-shadow:0 0 0 1px rgba(255,224,169,.24)}.rung-meta{display:grid;gap:2px;text-align:right}.rung-meta strong{font-size:8px}.rung-meta small{font-size:7px;color:var(--muted)}
.composer-panel{padding:clamp(14px,1.7vw,21px);display:flex;flex-direction:column;gap:9px;overflow:hidden}.composer-heading{display:flex;justify-content:space-between;gap:10px;align-items:end}.composer-heading>div{display:grid;gap:3px}.composer-heading>div>strong{font-size:12px}.composer-count{font-size:8px;color:var(--muted);font-weight:900}
.composer-entry-stack{position:relative;border-radius:13px}.composer-entry-stack:focus-within{outline:3px solid var(--focus);outline-offset:2px}.native-entry{position:absolute;inset:0;z-index:3;display:block;cursor:text}.native-entry input{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:13px;background:transparent;color:transparent;padding:0;opacity:.015;caret-color:transparent;cursor:text}.native-entry input:focus-visible{outline:0}.composer-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.composer-tiles span{height:56px;border:1px solid var(--line-strong);border-bottom:3px solid rgba(126,214,173,.42);border-radius:13px;background:rgba(255,255,255,.035);display:grid;place-items:center;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:25px;font-weight:900;text-transform:uppercase;color:var(--ink)}.composer-tiles span.filled{background:var(--mint-soft);border-color:rgba(126,214,173,.45)}.composer-tiles span.revealed{border-color:rgba(241,189,106,.58);background:var(--amber-soft)}
.primary-row{display:grid;grid-template-columns:1.15fr .85fr;gap:6px}.primary-row button{min-width:0;min-height:48px;border-radius:13px;border:1px solid var(--line);cursor:pointer}.primary-button{grid-column:1/-1;background:var(--mint);border-color:transparent!important;color:#122019;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 9px 24px rgba(126,214,173,.18)}.primary-button>span{font-size:18px}.primary-button strong{font-size:12px}.tool-button{background:rgba(255,255,255,.035);display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left;padding:5px 8px;column-gap:3px}.tool-button>span{grid-row:1/3;font-size:18px;text-align:center;color:var(--mint)}.tool-button strong{font-size:10px}.tool-button small{font-size:8px;color:#c8d3cc}.reveal-button>span{color:var(--amber)}
.status-message{min-height:33px;margin:0;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.025);font-size:10px;line-height:1.4;font-weight:750;color:var(--muted)}.status-message.success{color:var(--mint-strong);background:var(--mint-soft)}.status-message.error{color:var(--danger);background:var(--danger-soft)}.status-message.hint{color:#ffe0a9;background:var(--amber-soft)}
.keyboard-hint{margin:0;color:#c8d3cc;font-size:9px;text-align:center}.keyboard-hint kbd{display:inline-grid;place-items:center;min-width:24px;height:19px;padding:0 4px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.04);color:var(--ink);font:inherit;font-weight:900}
.app-dialog{width:min(92vw,640px);max-height:min(88dvh,760px);padding:0;border:0;border-radius:24px;background:transparent;color:var(--ink);overflow:visible}.app-dialog::backdrop{background:rgba(3,7,6,.72);backdrop-filter:blur(8px)}.dialog-card{max-height:min(88dvh,760px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-radius:24px;overflow:hidden;border:1px solid var(--line-strong);background:#1a2722;box-shadow:0 36px 100px rgba(0,0,0,.52)}.dialog-header{padding:16px 18px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-header>div{display:grid;gap:2px}.dialog-kicker{font-size:8px;color:var(--mint);font-weight:950;letter-spacing:.15em;text-transform:uppercase}.dialog-header h2{margin:0;font-size:clamp(23px,4vw,34px);letter-spacing:-.05em}.dialog-close{width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:25px;cursor:pointer}.dialog-content{padding:16px 18px 28px;overflow:auto;overscroll-behavior:contain;color:var(--muted);font-size:12px;line-height:1.5;scrollbar-width:thin;scrollbar-color:var(--mint) rgba(255,255,255,.1)}.dialog-content p{margin:0 0 10px}.dialog-content h3{margin:16px 0 7px;color:var(--ink);font-size:12px}.dialog-actions{padding:12px 18px 16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.dialog-actions button{min-height:44px;min-width:112px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:10px;font-weight:900;cursor:pointer;padding:0 13px}.dialog-actions .primary{background:var(--mint);color:#102018;border-color:transparent}.dialog-actions .accent{border-color:rgba(241,189,106,.42);background:var(--amber-soft);color:#ffe0a9}
.rule-grid{display:grid;gap:7px;margin:10px 0}.rule-card{display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.rule-card>b{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--mint-soft);color:var(--mint);font-family:"SFMono-Regular",Consolas,monospace}.rule-card>div{display:grid;gap:2px}.rule-card strong{font-size:10px;color:var(--ink)}.rule-card span{font-size:9px}.example-pair{display:grid;gap:5px;padding:10px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.example-pair code{font-family:"SFMono-Regular",Consolas,monospace;color:var(--ink)}.example-pair .good{color:var(--mint)}.example-pair .bad{color:var(--danger)}
.setting-row{min-height:58px;padding:8px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.setting-row>span{display:grid;gap:2px}.setting-row strong{color:var(--ink);font-size:10px}.setting-row small{font-size:8px}.setting-row select{min-width:150px;min-height:44px;border:1px solid var(--line);border-radius:11px;background:#14201c;color:var(--ink);padding:0 9px}.toggle{position:relative;width:50px;height:30px;flex:none}.toggle input{position:absolute;opacity:0;inset:0;z-index:2;margin:0;width:100%;height:100%;cursor:pointer}.toggle i{position:absolute;inset:0;pointer-events:none;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.06)}.toggle i::after{content:"";position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease}.toggle input:checked+i{background:var(--mint-soft);border-color:rgba(126,214,173,.5)}.toggle input:checked+i::after{transform:translateX(20px);background:var(--mint)}.toggle input:focus-visible+i{outline:3px solid var(--focus);outline-offset:3px}
.summary-hero{text-align:center}.summary-glyph{width:72px;height:72px;border-radius:21px;margin:0 auto 9px;display:grid;place-items:center;border:1px solid rgba(126,214,173,.4);background:var(--mint-soft);color:var(--mint);font-size:32px}.summary-hero h3{margin:0 0 5px;font-size:20px}.summary-hero p{margin:0}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}.summary-stat{padding:10px 5px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:grid;text-align:center;gap:3px}.summary-stat strong{color:var(--ink);font-size:18px}.summary-stat span{font-size:7px;text-transform:uppercase;letter-spacing:.08em}.assist-note{padding:8px 10px;border-radius:10px;background:var(--amber-soft);color:#ffe0a9;font-size:9px;text-align:center}
html[data-high-contrast="true"]{--muted:#d5ddd7;--line:rgba(255,255,255,.35);--line-strong:rgba(255,255,255,.55);--mint:#8df4c3;--amber:#ffd37d;--danger:#ff9ba0}.app[data-flash="accepted"] .composer-panel{box-shadow:0 0 0 2px rgba(126,214,173,.3),var(--shadow)}.app[data-flash="complete"] .goal-panel,.app[data-flash="complete"] .route-panel{box-shadow:0 0 0 2px rgba(241,189,106,.28),var(--shadow)}
html[data-motion-profile="instant"] *,html[data-motion-profile="instant"] *::before,html[data-motion-profile="instant"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(max-width:980px){.game-shell{grid-template-columns:minmax(230px,.8fr) minmax(300px,1fr);grid-template-rows:minmax(0,1fr) auto}.composer-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.2fr);grid-template-areas:"heading status" "entry entry" "actions actions" "keyboard keyboard";align-items:center}.composer-heading{grid-area:heading}.composer-entry-stack{grid-area:entry}.primary-row{grid-area:actions;grid-template-columns:1.4fr repeat(3,1fr)}.primary-button{grid-column:auto}.status-message{grid-area:status}.keyboard-hint{grid-area:keyboard}.goal-panel{gap:9px}.goal-heading h1{font-size:30px}.word-card{min-height:78px}}
@media(max-width:680px){
  :root{--app-pad:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));--radius:18px}.app{gap:5px}.topbar{min-height:44px}.brand{gap:6px}.brand-mark{width:40px;height:40px;border-radius:12px}.brand-copy small{display:none}.brand-copy strong{font-size:20px}.top-actions{gap:3px}.mode-tabs{padding:2px;border-radius:12px;gap:2px}.mode-button{min-width:61px;min-height:44px;padding:3px 6px;text-align:center}.mode-button strong{font-size:9px}.mode-button small{display:none}.icon-button{width:44px;height:44px;border-radius:11px}
  .game-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:5px}.goal-panel{padding:10px 11px;gap:7px}.goal-heading{align-items:center}.goal-heading h1{font-size:20px;line-height:1;max-width:none}.goal-heading h1 em{display:inline}.move-chip{width:48px;height:48px;border-radius:13px}.rule-line{padding:6px 8px;font-size:9px}.goal-words{margin-top:0;grid-template-columns:1fr 20px 1fr}.word-card{min-height:55px;border-radius:13px;gap:3px;padding:5px}.word-card span{font-size:6px}.word-card strong{font-size:19px}.par-cue{font-size:7px}.route-panel{padding:8px 9px;gap:5px}.route-heading h2{font-size:16px}.route-current{font-size:7px}.route-list{gap:5px;padding-left:25px}.route-list::before{left:9px}.route-rung{min-height:44px;border-radius:12px;padding:5px 8px}.route-rung::before{left:-20px;width:9px;height:9px}.rung-word{font-size:18px}.rung-meta{display:none}
  .composer-panel{padding:8px 9px;display:grid;grid-template-columns:1fr;grid-template-areas:"heading" "entry" "actions" "status";gap:5px}.composer-heading>div>strong{font-size:9px}.composer-tiles{gap:3px}.composer-tiles span{height:44px;border-radius:10px;font-size:20px}.primary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.primary-row button{min-height:44px;border-radius:10px}.primary-button{grid-column:auto;display:grid;place-items:center}.primary-button>span{display:none}.primary-button strong{font-size:8px}.tool-button{display:grid;place-items:center;text-align:center;padding:2px}.tool-button>span{grid-row:auto;font-size:15px}.tool-button strong{font-size:7px}.tool-button small{display:none}.status-message{min-height:28px;padding:5px 7px;font-size:8px}.keyboard-hint{display:none}
}
@media(max-width:340px){.brand-copy{display:none}.goal-heading h1{font-size:18px}.rule-line{font-size:8px}.word-card strong{font-size:17px}.route-heading .route-current{display:none}.composer-tiles span{height:44px}.native-entry input{height:42px}.primary-row button{min-height:44px}}
@media(max-height:620px) and (min-width:681px){
  .app{gap:5px}.topbar{min-height:42px}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:20px}.mode-button{min-height:44px}.icon-button{height:44px;width:44px}.game-shell{grid-template-columns:minmax(200px,.75fr) minmax(300px,1.15fr) minmax(260px,.9fr);grid-template-rows:minmax(0,1fr);gap:6px}.goal-panel,.route-panel,.composer-panel{border-radius:18px}.goal-panel{padding:10px;gap:6px}.goal-heading{align-items:center}.goal-heading h1{display:none}.move-chip{width:44px;height:44px;border-radius:12px}.goal-words{margin-top:0}.rule-line{font-size:8px;padding:5px 7px}.word-card{min-height:52px;border-radius:12px}.word-card strong{font-size:17px}.par-cue{font-size:8px}.route-panel{padding:8px}.route-rung{min-height:41px}.rung-word{font-size:17px}.composer-panel{padding:8px;gap:5px}.composer-heading>div>strong{font-size:9px}.composer-tiles span{height:44px;font-size:19px}.primary-row button{min-height:44px}.status-message{min-height:29px;padding:5px;font-size:8px}.keyboard-hint{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}