:root{--paper:#f4ecd8;--paper-2:#efe4c9;--paper-3:#e6d9bb;--ink:#2b2118;--ink-2:#4a3d30;--ink-soft:#2b21188c;--pencil:#2b211838;--amber:#e9b85a;--amber-wash:#e9b85a59;--orange:#e8843a;--red:#c9463d;--teal:#4fb3a6;--teal-2:#2f8f84;--teal-wash:#4fb3a638;--green:#6f9c5f;--green-wash:#8fb87a59;--water:#7fb6dc;--water-wash:#7fb6dc4d;--blue-wash:#5a7fa62e;--shadow:3px 4px 0 #2b211824;--wobble:255px 15px 225px 15px / 15px 225px 15px 255px;--wobble-sm:12px 255px 12px 255px / 255px 12px 255px 12px;--text-scale:1;--font:"Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif;--font-hand:"Chalkboard SE", "Noteworthy", "Segoe Print", "Bradley Hand", "Comic Sans MS", "Trebuchet MS", cursive;--paper-url:none;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}:root.large-text{--text-scale:1.18}:root.dyslexia{--font:Verdana, "Trebuchet MS", Arial, sans-serif;--font-hand:Verdana, "Trebuchet MS", Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--paper-3);height:100%;color:var(--ink);font-family:var(--font);font-size:calc(16px * var(--text-scale));overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;padding:0;line-height:1.5;overflow:hidden}:root.dyslexia body{letter-spacing:.03em;word-spacing:.08em;line-height:1.7}#root{height:100%}.app{-webkit-user-select:none;user-select:none;background:var(--paper-3) var(--paper-url);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;user-select:text;touch-action:auto}textarea,input[type=text]{font-family:var(--font);font-size:max(16px, calc(16px * var(--text-scale)));color:var(--ink);border:2px solid var(--ink);border-radius:var(--wobble-sm);background:#fffdf6 repeating-linear-gradient(#0000 0 27px,#2b211817 27px 28px);width:100%;padding:10px 12px;line-height:28px}input[type=text]{background:#fffdf6;line-height:1.4}textarea:focus,input:focus{outline:3px solid var(--amber);outline-offset:1px}.stage-wrap{background:var(--paper-3) var(--paper-url);position:absolute;top:0;bottom:0;left:0;right:0}#phaser-root{touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0}#phaser-root canvas{touch-action:none}.paper,.panel,.card,.dialogue-box,.hud-mission,.hud-stats{background:var(--paper) var(--paper-url)}.btn{font-family:var(--font-hand);font-weight:700;font-size:calc(17px * var(--text-scale));letter-spacing:.03em;text-transform:uppercase;color:var(--ink);background:var(--paper) var(--paper-url);border:2px solid var(--ink);border-radius:var(--wobble-sm);box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;min-width:48px;min-height:48px;padding:11px 20px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #2b211824}.btn:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default}.btn-amber{background:linear-gradient(#f2cf7c,#e6b04c)}.btn-teal{background:linear-gradient(#8fd6cc,#5dbdb0)}.btn-ghost{box-shadow:none;border-style:dashed;border-color:var(--ink-soft);background:0 0}.btn-plain{background:#fffdf6}.btn-danger{background:linear-gradient(#f0a09a,#d9615a)}.btn-sm{font-size:calc(14px * var(--text-scale));min-height:44px;padding:8px 14px}.btn-lg{font-size:calc(21px * var(--text-scale));min-height:60px;padding:16px 30px}.panel{color:var(--ink);border:2px solid var(--ink);border-radius:var(--wobble);box-shadow:var(--shadow);padding:22px;position:relative}.panel:before{content:"";pointer-events:none;background:#e9b85a73;border:1px dashed #2b211840;width:74px;height:22px;position:absolute;top:-11px;left:28px;transform:rotate(-4deg)}.panel-dark{background:var(--paper-2) var(--paper-url);color:var(--ink)}.panel h1,.panel h2,.panel h3{font-family:var(--font-hand);letter-spacing:.02em;color:var(--ink);margin:0 0 8px}h1.title,h2.title{font-family:var(--font-hand);text-transform:uppercase;letter-spacing:.06em;margin:0}.kicker{font-family:var(--font-hand);font-size:calc(12px * var(--text-scale));text-transform:uppercase;letter-spacing:.14em;color:var(--teal-2);font-weight:700}.muted{opacity:.72}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.centre{text-align:center}.grow{flex:auto}.overlay{padding:calc(12px + var(--sat)) calc(12px + var(--sar)) calc(12px + var(--sab)) calc(12px + var(--sal));z-index:50;background:#3c301e94;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.overlay-solid{background:var(--paper-3) var(--paper-url)}.overlay-inner{-webkit-overflow-scrolling:touch;touch-action:pan-y;width:min(100%,980px);max-height:100%;padding:14px 4px 4px;overflow:hidden auto}.overlay-inner.narrow{width:min(100%,640px)}.overlay-inner.wide{width:min(100%,1180px)}.screen{-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));background:var(--paper-3) var(--paper-url);color:var(--ink);flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.screen-inner{flex-direction:column;gap:16px;width:min(100%,960px);display:flex}.title-scene{background:var(--paper) var(--paper-url);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.title-art{opacity:.95;pointer-events:none;width:min(100vw,140vh);max-width:1400px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.title-art img{width:100%;height:auto;display:block}.title-card{z-index:2;text-align:center;color:var(--ink);background:var(--paper) var(--paper-url);border:2px solid var(--ink);border-radius:var(--wobble);box-shadow:var(--shadow);padding:14px 34px 18px;position:relative;transform:rotate(-1.2deg)}.title-card:before{content:"";background:#e9b85a80;border:1px dashed #2b211840;width:90px;height:24px;margin-left:-45px;position:absolute;top:-12px;left:50%;transform:rotate(2deg)}.title-card .top{font-family:var(--font-hand);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-2);font-size:clamp(16px,3.4vmin,30px);font-weight:700}.title-card .main{font-family:var(--font-hand);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-shadow:3px 3px 0 var(--amber-wash);font-size:clamp(28px,7.5vmin,72px);font-weight:700;line-height:1.05}.title-menu{z-index:2;flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex;position:relative}.hud{pointer-events:none;z-index:20;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-top{top:calc(8px + var(--sat));left:calc(8px + var(--sal));right:calc(8px + var(--sar));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-mission{pointer-events:auto;color:var(--ink);border:2px solid var(--ink);border-radius:var(--wobble-sm);box-shadow:var(--shadow);max-width:min(46vw,420px);font-size:calc(14px * var(--text-scale));padding:8px 12px;transform:rotate(-.8deg)}.hud-mission .kicker{color:var(--red)}.hud-stats{pointer-events:auto;color:var(--ink);border:2px solid var(--ink);border-radius:var(--wobble-sm);box-shadow:var(--shadow);min-width:200px;font-size:calc(13px * var(--text-scale));font-family:var(--font-hand);flex-direction:column;gap:4px;padding:8px 12px;display:flex;transform:rotate(.6deg)}.xp-bar{border:1.5px solid var(--ink);background:#fffdf6;border-radius:6px;height:10px;overflow:hidden}.xp-bar>span{background:repeating-linear-gradient(135deg, var(--teal) 0 6px, var(--teal-2) 6px 8px);height:100%;transition:width .5s;display:block}.hud-buttons{top:calc(104px + var(--sat));right:calc(8px + var(--sar));flex-direction:column;gap:8px;display:flex;position:absolute}.hud-btn{background:var(--paper) var(--paper-url);border:2px solid var(--ink);width:54px;height:54px;box-shadow:var(--shadow);color:var(--ink);font-family:var(--font-hand);letter-spacing:.04em;cursor:pointer;touch-action:manipulation;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:10px;font-weight:700;display:flex}.hud-btn svg{width:22px;height:22px}.hud-btn:focus-visible{outline:3px solid var(--teal)}.hud-area{left:50%;top:calc(10px + var(--sat));background:var(--amber);color:var(--ink);border:2px solid var(--ink);border-radius:var(--wobble-sm);font-family:var(--font-hand);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;padding:6px 16px;font-size:13px;font-weight:700;animation:.4s fade-in;position:absolute;transform:translate(-50%)rotate(-1deg)}.touch-controls{z-index:25;pointer-events:none;height:0;position:absolute;bottom:0;left:0;right:0}.dpad{left:calc(14px + var(--sal));bottom:calc(14px + var(--sab));pointer-events:auto;touch-action:none;grid-template-rows:repeat(3,64px);grid-template-columns:repeat(3,64px);gap:4px;display:grid;position:absolute}.dpad button,.action-btn,.secondary-btn{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.dpad button{border:2px solid var(--ink);color:var(--ink);box-shadow:var(--shadow);background:#f4ecd8d9;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.dpad button:active,.dpad button.held{background:var(--teal)}.dpad .blank{pointer-events:none}.dpad svg{width:30px;height:30px}.action-cluster{right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));pointer-events:auto;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.action-btn{border:2.5px solid var(--ink);width:96px;height:96px;color:var(--ink);font-family:var(--font-hand);letter-spacing:.06em;box-shadow:var(--shadow);background:radial-gradient(circle at 40% 35%,#f6d48a,#e6b04c 70%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.action-btn:active{transform:scale(.95)}.secondary-btn{border:2.5px solid var(--ink);width:76px;height:76px;color:var(--ink);font-family:var(--font-hand);letter-spacing:.06em;text-align:center;box-shadow:var(--shadow);background:radial-gradient(circle at 40% 35%,#a5e0d6,#5dbdb0 70%);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;animation:.25s pop;display:flex}.dialogue{left:50%;bottom:calc(18px + var(--sab));z-index:30;align-items:flex-end;gap:14px;width:min(94vw,760px);animation:.2s rise;display:flex;position:absolute;transform:translate(-50%)}.dialogue.has-touch{bottom:calc(220px + var(--sab))}@media (min-width:900px){.dialogue.has-touch{bottom:calc(18px + var(--sab));width:min(58vw,700px)}}.portrait{border-radius:var(--wobble-sm);border:2px solid var(--ink);background:var(--paper-2);width:96px;height:78px;box-shadow:var(--shadow);flex:none;overflow:hidden;transform:rotate(-2deg)}.portrait img,.portrait canvas{object-fit:cover;width:100%;height:100%}.dialogue-box{color:var(--ink);border:2px solid var(--ink);border-radius:var(--wobble);box-shadow:var(--shadow);cursor:pointer;flex-direction:column;flex:auto;gap:6px;min-height:96px;padding:12px 16px;display:flex;position:relative}.dialogue-box .speaker{font-family:var(--font-hand);color:var(--teal-2);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:calc(12px * var(--text-scale))}.dialogue-box .text{font-size:calc(17px * var(--text-scale));min-height:2.6em}.dialogue-box .controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.dialogue-box .hint{opacity:.6;font-size:12px;font-family:var(--font-hand);margin-right:auto}.toasts{left:50%;top:calc(56px + var(--sat));z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.toast{color:var(--ink);border:1.5px solid var(--ink);font-weight:700;font-family:var(--font-hand);box-shadow:var(--shadow);text-align:center;background:#f8e28a;border-radius:3px;max-width:80vw;padding:8px 16px;animation:.3s toast-in;transform:rotate(-1.5deg)}.toast.amber{background:#a5e0d6;transform:rotate(1.2deg)}.saved-indicator{right:calc(12px + var(--sar));bottom:calc(12px + var(--sab));background:var(--paper) var(--paper-url);color:var(--teal-2);border:1.5px solid var(--ink);border-radius:var(--wobble-sm);font-size:12px;font-weight:700;font-family:var(--font-hand);z-index:40;pointer-events:none;padding:4px 10px;animation:.3s fade-in;position:absolute}.banner{z-index:60;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.banner-card{background:var(--paper) var(--paper-url);color:var(--red);border:3px double var(--red);border-radius:var(--wobble);text-align:center;font-family:var(--font-hand);box-shadow:var(--shadow);padding:24px 40px;animation:.5s cubic-bezier(.2,1.4,.4,1) banner-pop;transform:rotate(-3deg)}.banner-card .big{letter-spacing:.1em;text-transform:uppercase;font-size:clamp(24px,5vmin,44px);font-weight:700}.banner-card .sub{color:var(--ink);margin-top:6px;font-size:clamp(16px,3vmin,24px)}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.avatar-card{border:2px solid var(--ink-soft);border-radius:var(--wobble-sm);cursor:pointer;color:var(--ink);font-family:var(--font-hand);background:#fffdf6;flex-direction:column;align-items:center;gap:8px;min-height:48px;padding:12px;font-weight:700;display:flex}.avatar-card.selected{border-color:var(--ink);background:var(--amber-wash);box-shadow:var(--shadow)}.avatar-card img,.avatar-card canvas{width:64px;height:96px}.profile-card{border:2px solid var(--ink-soft);border-radius:var(--wobble-sm);color:var(--ink);background:#fffdf6;align-items:center;gap:14px;padding:14px;display:flex}.profile-card.active{border-color:var(--teal-2);background:var(--teal-wash)}.profile-card img{width:48px;height:72px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{font-family:var(--font-hand);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:calc(13px * var(--text-scale));border:2px solid var(--ink);background:var(--paper-2);min-height:44px;color:var(--ink);cursor:pointer;border-bottom-width:1px;border-radius:10px 10px 2px 2px;padding:10px 14px}.tab.active{background:var(--amber)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.card{border:1.5px solid var(--ink);box-shadow:var(--shadow);background:#fffdf6 repeating-linear-gradient(#0000 0 23px,#2b211812 23px 24px);border-radius:4px;flex-direction:column;gap:6px;padding:12px;display:flex}.card.locked{opacity:.55;background:var(--paper-2)}.card .name{font-family:var(--font-hand);font-weight:700}.card img,.card canvas{max-width:100%;height:auto}.species-art{background:var(--water-wash);border:1.5px dashed var(--ink-soft);border-radius:var(--wobble-sm);justify-content:center;align-items:center;min-height:90px;padding:8px;display:flex;overflow:hidden}.badge-icon{border:3px double var(--red);background:var(--paper) var(--paper-url);width:72px;height:72px;color:var(--red);box-shadow:var(--shadow);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;transform:rotate(-6deg)}.badge-icon.locked{border-color:var(--pencil);color:var(--pencil);box-shadow:none}.badge-icon svg{width:40px;height:40px}.badge-icon.small{border-width:2px;width:44px;height:44px}.badge-icon.small svg{width:24px;height:24px}.word-chip{background:var(--amber);color:var(--ink);border:1.5px solid var(--ink);font-weight:700;font-family:var(--font-hand);cursor:pointer;border-radius:3px;align-items:center;min-height:40px;padding:6px 12px;display:inline-flex;transform:rotate(-1deg)}.word-chip.plain{background:var(--paper-2);transform:rotate(.8deg)}.map-layout{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:900px){.map-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);align-items:start}}.map-illust{aspect-ratio:112/88;border:2px solid var(--ink);border-radius:var(--wobble-sm);width:100%;box-shadow:var(--shadow);background-repeat:no-repeat;background-size:100% 100%;position:relative;overflow:hidden;transform:rotate(-.4deg)}.map-marker{cursor:default;font-family:var(--font-hand);color:var(--ink);z-index:3;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;transform:translate(-50%,-100%)}.map-marker.travel{cursor:pointer}.map-marker img{filter:drop-shadow(1px 2px #2b211840);display:block}.map-marker .lbl{background:var(--paper);border:1.5px solid var(--ink);white-space:nowrap;border-radius:3px;padding:0 5px;font-size:11px;font-weight:700;line-height:1.5}.map-marker.here .lbl{background:var(--amber)}.map-marker.travel:hover .lbl{background:var(--teal);outline:none}.map-marker.travel:focus-visible .lbl{background:var(--teal);outline:none}.map-count{border:1px solid var(--ink);white-space:nowrap;background:#f8e28a;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700}.map-you{background:var(--red);border:2px solid var(--ink);z-index:5;border-radius:50%;width:16px;height:16px;animation:1.4s ease-in-out infinite pulse-ring;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #c9463d4d}.map-pin{z-index:4;filter:drop-shadow(0 2px #2b21184d);width:22px;height:30px;animation:1.2s ease-in-out infinite nudge;position:absolute;transform:translate(-50%,-100%)}.map-npc{background:var(--teal);border:1.5px solid var(--ink);width:18px;height:18px;color:var(--ink);font-family:var(--font-hand);z-index:4;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-gate{border:2px solid var(--ink);z-index:2;border-radius:3px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}.map-gate.open{background:var(--teal)}.map-gate.closed{background:var(--red)}.map-gate.closed:after{content:"";border-top:2px solid var(--paper);position:absolute;top:3px;bottom:3px;left:3px;right:3px}.map-legend{font-family:var(--font-hand);flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:12px;display:flex}.map-legend span{align-items:center;gap:5px;display:inline-flex}.map-legend .inline{font-style:normal;animation:none;display:inline-flex;position:static;transform:none}.map-row{border-bottom:1px dashed var(--pencil);padding:4px 0}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 4px #c9463d4d}50%{box-shadow:0 0 0 9px #c9463d1f}}.map-grid{background:var(--green-wash);border-radius:var(--wobble);border:2px solid var(--ink);grid-template-rows:repeat(4,minmax(70px,auto));grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid;position:relative}.map-node{border:1.5px solid var(--ink);border-radius:var(--wobble-sm);text-align:center;font-family:var(--font-hand);font-weight:700;font-size:calc(13px * var(--text-scale));color:var(--ink);background:#fffdf6;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70px;padding:8px;display:flex}.map-node.faded{opacity:.45;border-style:dashed}.map-node.current{border-color:var(--red);box-shadow:0 0 0 3px var(--amber-wash)}.map-node.done:after{content:"✓restored";color:var(--teal-2);font-size:12px}.map-node button{margin-top:4px}.mission-shell{flex-direction:column;gap:12px;display:flex}.mission-head{color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.mission-head .progress{gap:4px;display:flex}.mission-head .progress span{border:1.5px solid var(--ink);border-radius:50%;width:14px;height:14px}.mission-head .progress span.done{background:var(--teal)}.mission-head .progress span.now{background:var(--amber)}.feedback{border-radius:var(--wobble-sm);border:2px solid var(--ink);align-items:flex-start;gap:10px;padding:12px 14px;animation:.25s pop;display:flex}.feedback.good{background:var(--teal-wash)}.feedback.retry{background:var(--amber-wash)}.feedback.pip{background:var(--blue-wash)}.feedback .icon{font-size:22px;line-height:1}.chip{border:1.5px solid var(--ink);border-radius:var(--wobble-sm);cursor:pointer;text-align:left;min-height:48px;color:var(--ink);font-weight:700;font-family:var(--font);font-size:calc(15px * var(--text-scale));background:#fffdf6;justify-content:center;align-items:center;padding:10px 14px;transition:transform .1s;display:inline-flex;box-shadow:2px 2px #2b21181a}.chip:focus-visible{outline:3px solid var(--teal)}.chip.selected{background:var(--teal-wash);box-shadow:0 0 0 3px var(--teal-wash), 2px 2px 0 #2b21181a}.chip.used{opacity:.4;pointer-events:none}.chip.good{background:var(--teal-wash)}.chip.bad{background:var(--amber-wash);border-style:dashed}.slot{border:2px dashed var(--ink-soft);border-radius:var(--wobble-sm);cursor:pointer;vertical-align:middle;min-width:120px;min-height:44px;color:var(--ink-2);font-style:italic;font-family:var(--font-hand);background:#fffdf6b3;align-items:center;margin:2px 4px;padding:6px 10px;display:inline-flex}.slot.active{border-color:var(--red);background:var(--amber-wash)}.slot.filled{border-style:solid;border-color:var(--ink);background:var(--teal-wash);font-style:normal;font-weight:700;font-family:var(--font)}.slot[data-over=true]{border-color:var(--red);background:var(--amber-wash)}.sentence{font-size:calc(19px * var(--text-scale));line-height:1.9}.zone{border:2px dashed var(--ink-soft);border-radius:var(--wobble-sm);background:#fffdf699;flex-direction:column;gap:8px;min-height:120px;padding:10px;display:flex}.zone[data-over=true],.zone.active{border-color:var(--red);background:var(--amber-wash)}.zone .zone-title{font-family:var(--font-hand);text-transform:uppercase;letter-spacing:.08em;color:var(--teal-2);font-size:12px;font-weight:700}.zone-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.river-scene{border-radius:var(--wobble);background:var(--water-wash) repeating-linear-gradient(180deg, transparent 0 14px, #3f7fae47 14px 15.5px, transparent 15.5px 30px);border:2px solid var(--ink);width:100%;min-height:300px;position:relative;overflow:hidden}.river-bank{background:var(--green-wash);border-right:2px solid var(--ink);width:12%;position:absolute;top:0;bottom:0}.river-bank.right{border-right:none;border-left:2px solid var(--ink);right:0}.river-bank.left{left:0}.river-ripples{pointer-events:none;background:repeating-linear-gradient(#ffffff2e 0 6px,#0000 6px 26px);animation:3s linear infinite ripple-y;position:absolute;top:0;bottom:0;left:0;right:0}.stones{align-content:center;gap:8px;padding:16px 14%;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.stone{border:2px solid var(--ink);min-height:60px;color:var(--ink);cursor:pointer;text-align:center;font-weight:700;font-size:calc(15px * var(--text-scale));font-family:var(--font);background:#d9d3c4;border-radius:46% 54% 42% 58%/52% 40% 60% 48%;justify-content:center;align-items:center;padding:12px 14px;transition:transform .15s;display:flex;position:relative;box-shadow:3px 4px #2b211838}.stone .role{text-transform:uppercase;letter-spacing:.08em;background:var(--ink);color:var(--paper);font-size:10px;font-family:var(--font-hand);border-radius:999px;padding:1px 6px;position:absolute;top:-8px;left:10px}.stone.locked{background:#a5e0d6}.stone.here{box-shadow:0 0 0 4px var(--amber), 3px 4px 0 #2b211838}.stone.wobble{animation:.5s wobble}.stone:focus-visible{outline:3px solid var(--red)}.explorer-marker{pointer-events:none;z-index:3;filter:drop-shadow(0 4px 2px #2b211859);width:32px;height:48px;transition:left .35s,top .35s;position:absolute}.built-sentence{border:1.5px solid var(--ink);border-radius:var(--wobble-sm);min-height:56px;font-size:calc(18px * var(--text-scale));background:#fffdf6;padding:12px}.meter{padding:16px 8px 8px;position:relative}.meter-track{background:linear-gradient(90deg, var(--water), var(--amber), var(--orange));border:2px solid var(--ink);border-radius:999px;height:14px}.meter-stops{grid-template-columns:repeat(5,1fr);margin-top:6px;display:grid}.meter-stop{font-family:var(--font-hand);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;min-height:44px;color:var(--ink-2);background:0 0;border:none;border-radius:8px;padding:10px 2px;font-size:12px;font-weight:700}.meter-stop.active{background:var(--ink);color:var(--paper)}.meter-knob{background:var(--paper);border:3px solid var(--ink);pointer-events:none;border-radius:50%;width:34px;height:34px;margin-left:-17px;transition:left .25s;position:absolute;top:6px}.meter input[type=range]{opacity:0;cursor:pointer;width:calc(100% - 16px);height:38px;margin:0;position:absolute;top:6px;left:8px;right:8px}.telescope-view{border:3px solid var(--ink);color:var(--ink);background:radial-gradient(circle,#dcecf6 0%,#b7d5ea 70%,#8fb8d8 100%);border-radius:50%/40%;padding:18px 26px;box-shadow:inset 0 0 0 6px #ffffff59}.scan-display{color:var(--ink);border:2px solid var(--ink);border-radius:var(--wobble-sm);font-family:Courier New,monospace;font-size:calc(16px * var(--text-scale));background:#fffdf6;min-height:60px;padding:12px 14px}.scan-display.unstable{border-color:var(--red);border-style:dashed;animation:.9s steps(2,end) infinite flicker}.scan-display.stable{border-color:var(--teal-2);background:var(--teal-wash)}.waveform{border-radius:var(--wobble-sm);border:2px solid var(--ink);background:#fffdf6;width:100%;height:90px;display:block}.message-line{font-size:calc(18px * var(--text-scale));border:1.5px solid var(--ink);border-radius:var(--wobble-sm);background:#fffdf6;padding:12px 14px;line-height:2.2}.block{border-radius:var(--wobble-sm);border:2px dashed var(--orange);background:var(--amber-wash);cursor:pointer;vertical-align:middle;min-height:40px;color:var(--ink);margin:0 3px;padding:4px 10px;font-weight:700;display:inline-block}.block.chosen{border:2px solid var(--ink);background:var(--teal-wash)}.block.active{box-shadow:0 0 0 3px var(--amber)}.matrix{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.research-card{border:1.5px solid var(--ink);font-size:calc(14px * var(--text-scale));cursor:pointer;min-height:48px;color:var(--ink);font-family:var(--font);text-align:left;background:#fffdf6 repeating-linear-gradient(#0000 0 19px,#2b211812 19px 20px);border-radius:4px;padding:10px;position:relative;box-shadow:2px 2px #2b21181a}.research-card.selected{border-color:var(--red);box-shadow:0 0 0 3px var(--amber-wash)}.research-card.linked{background:var(--teal-wash)}.research-card .tag{background:var(--teal-2);color:var(--paper);letter-spacing:.06em;font-size:10px;font-weight:700;font-family:var(--font-hand);border-radius:999px;padding:2px 8px;position:absolute;top:-10px;right:8px}.relation-line{border-radius:var(--wobble-sm);background:var(--paper-2);border:1.5px dashed var(--ink-soft);font-size:calc(14px * var(--text-scale));align-items:center;gap:8px;padding:8px 12px;display:flex}.relation-line.lit{background:var(--teal-wash);border:1.5px solid var(--ink)}.para-list{flex-direction:column;gap:8px;display:flex}.para-card{border:1.5px solid var(--ink);background:#fffdf6;border-radius:4px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:2px 2px #2b21181a}.para-card .order-btns{flex-direction:column;gap:4px;display:flex}.para-card .order-btns button{border-radius:var(--wobble-sm);border:1.5px solid var(--ink);background:var(--paper-2);cursor:pointer;min-width:44px;min-height:36px;color:var(--ink);font-weight:700}.paragraph-final{border:1.5px solid var(--ink);font-size:calc(17px * var(--text-scale));background:#fffdf6 repeating-linear-gradient(#0000 0 29px,#2b211812 29px 30px);border-radius:4px;padding:14px;line-height:30px;animation:.6s fade-in}.punct-gap{border:2px dashed var(--ink-soft);border-radius:var(--wobble-sm);vertical-align:middle;cursor:pointer;min-width:36px;height:36px;color:var(--ink);background:#fffdf6b3;justify-content:center;align-items:center;margin:0 2px;font-weight:700;display:inline-flex}.punct-gap.filled{border-style:solid;border-color:var(--ink);background:var(--teal-wash)}.punct-gap.active{border-color:var(--red);background:var(--amber-wash)}.punct-tool{border-radius:var(--wobble-sm);border:2px solid var(--ink);cursor:pointer;width:56px;height:56px;color:var(--ink);box-shadow:var(--shadow);background:#fffdf6;font-size:26px;font-weight:700}.punct-tool.selected{background:var(--teal-wash)}.final-layout{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:900px){.final-layout.with-side{grid-template-columns:1fr 280px}}.evidence-card{border:1.5px solid var(--ink);font-size:calc(14px * var(--text-scale));background:#fffdf6;border-radius:4px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex;box-shadow:2px 2px #2b21181a}.evidence-card .src{text-transform:uppercase;letter-spacing:.06em;color:var(--teal-2);font-size:10px;font-weight:700;font-family:var(--font-hand)}.evidence-card.selected{border-color:var(--red);background:var(--teal-wash)}.write-section{background:var(--paper) var(--paper-url);border:2px solid var(--ink);border-radius:var(--wobble-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.write-section textarea{resize:vertical;min-height:140px}.write-section .plan-notes{background:var(--amber-wash);border:1px dashed var(--ink-soft);font-size:calc(13px * var(--text-scale));border-radius:8px;padding:8px 10px}.toolbelt{flex-direction:column;gap:8px;display:flex}.tool-badge{background:var(--paper) var(--paper-url);border:2px solid var(--ink);border-radius:var(--wobble-sm);cursor:pointer;text-align:left;font-family:var(--font-hand);min-height:48px;color:var(--ink);align-items:center;gap:8px;padding:8px;font-weight:700;display:flex}.tool-badge.open{background:var(--amber-wash)}.tool-words{flex-wrap:wrap;gap:6px;padding:6px 4px;display:flex}.scanner-line{border-radius:var(--wobble-sm);align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.scanner-line.ok{background:var(--teal-wash)}.scanner-line.ask{background:var(--amber-wash)}.lens{border:2px solid var(--ink);border-radius:var(--wobble-sm);cursor:pointer;text-align:left;min-height:48px;color:var(--ink);font-family:var(--font);box-shadow:var(--shadow);background:#fffdf6;flex-direction:column;gap:4px;padding:12px;display:flex}.lens.active{background:var(--amber-wash)}mark.hl{background:#f8e28a;border-radius:4px;padding:0 2px}.cinematic{background:var(--paper-3) var(--paper-url);color:var(--ink);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cine-page{aspect-ratio:16/9;background:var(--paper) var(--paper-url);border:2px solid var(--ink);border-radius:var(--wobble);width:min(96vw,150vh);box-shadow:var(--shadow);animation:.7s page-in;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-.6deg)}.cine-page svg{width:100%;height:100%;display:block}.cine-page .draw{stroke-dasharray:2000;stroke-dashoffset:2000px;animation:2.6s forwards draw-line}.cine-page .draw.slow{animation-duration:4s}.cine-page .draw.fast{animation-duration:1.4s}.cine-page .wash-in{opacity:0;animation:1.4s .8s forwards fade-in}.cine-page .flash{animation:2.4s ease-in-out infinite lightning}.cine-page .rain-line{animation:.6s linear infinite rain-drift}.cine-page .flicker{animation:.7s steps(2,end) infinite flicker}.cine-page .blink{animation:.8s steps(2,end) infinite blink}.cine-page .float{animation:6s ease-in-out infinite float}.cine-caption{left:50%;bottom:calc(40px + var(--sab));text-align:center;width:min(90vw,760px);font-size:clamp(16px,2.8vmin,24px);font-family:var(--font-hand);background:var(--paper) var(--paper-url);border:2px solid var(--ink);border-radius:var(--wobble-sm);box-shadow:var(--shadow);z-index:3;padding:10px 18px;line-height:1.5;animation:.5s fade-in;position:absolute;transform:translate(-50%)rotate(.5deg)}.cine-skip{right:calc(16px + var(--sar));top:calc(16px + var(--sat));z-index:5;position:absolute}.cine-title{text-align:center;font-family:var(--font-hand);text-transform:uppercase;letter-spacing:.12em;z-index:4;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;animation:1.5s fade-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cine-title .a{color:var(--teal-2);font-size:clamp(18px,3.6vmin,36px);font-weight:700}.cine-title .b{color:var(--ink);text-shadow:4px 4px 0 var(--amber-wash);font-size:clamp(30px,8vmin,80px);font-weight:700}.portrait-lg{border-radius:var(--wobble-sm);border:2px solid var(--ink);background:var(--paper-2);width:128px;height:104px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(-2deg)}.portrait-lg img{object-fit:cover;width:100%;height:100%}.demo{border:2px solid var(--ink);border-radius:var(--wobble-sm);min-height:120px;font-size:calc(18px * var(--text-scale));background:#fffdf6;flex-direction:column;gap:10px;padding:14px;display:flex}.demo .part{border-radius:var(--wobble-sm);border:1.5px solid var(--ink);margin:2px;padding:4px 10px;animation:.6s both slide-in;display:inline-block}.demo .part.cause{background:var(--amber-wash)}.demo .part.effect{background:var(--teal-wash)}.demo .part.link{background:var(--paper-2)}.demo .label{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;font-family:var(--font-hand);color:var(--teal-2);display:block}.demo .insert{background:var(--amber-wash);border:1.5px solid var(--ink);border-radius:var(--wobble-sm);padding:2px 8px;animation:.8s both drop-in}.demo .strike{opacity:.6;text-decoration:line-through}.demo .arrow{color:var(--teal-2);padding:0 8px;font-weight:700}.structure-list{flex-direction:column;gap:6px;display:flex}.structure-list .step{background:var(--paper-2);border:1.5px solid var(--ink);border-radius:var(--wobble-sm);font-family:var(--font-hand);padding:8px 12px;animation:.5s both slide-in}.tour{z-index:45;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.tour-hole{border:3px dashed var(--amber);pointer-events:none;border-radius:18px;transition:left .35s,top .35s,width .35s,height .35s;position:absolute;box-shadow:0 0 0 9999px #2b21189e}.tour-hole.hidden{border-width:0;box-shadow:0 0 0 9999px #2b21189e}.tour-card{pointer-events:auto;z-index:46;width:min(92vw,520px);transition:left .35s,top .35s,bottom .35s;position:absolute}.tour-card .panel{padding:16px 18px}.tour-steps{gap:5px;display:flex}.tour-steps span{border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px}.tour-steps span.done{background:var(--teal)}.tour-steps span.now{background:var(--amber)}.tour-arrow{width:44px;height:44px;color:var(--amber);filter:drop-shadow(0 2px #2b211880);pointer-events:none;z-index:46;animation:.9s ease-in-out infinite nudge;position:absolute}.key-cap{border:1.5px solid var(--ink);font-family:var(--font-hand);background:#fffdf6;border-bottom-width:3px;border-radius:6px;margin:0 2px;padding:1px 7px;font-size:.9em;font-weight:700;display:inline-block}.rotate-hint{left:50%;top:calc(12px + var(--sat));z-index:70;color:var(--ink);border:1.5px solid var(--ink);width:min(92vw,420px);font-size:14px;font-family:var(--font-hand);box-shadow:var(--shadow);background:#f8e28a;border-radius:3px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)rotate(-1.5deg)}to{opacity:1;transform:translateY(0)rotate(-1.5deg)}}@keyframes banner-pop{0%{opacity:0;transform:scale(.6)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}@keyframes page-in{0%{opacity:0;transform:translate(-50%,-48%)rotate(-.6deg)}to{opacity:1;transform:translate(-50%,-50%)rotate(-.6deg)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)translate(-4px)}75%{transform:rotate(6deg)translate(4px)}}@keyframes ripple-y{0%{background-position:0 0}to{background-position:0 32px}}@keyframes flicker{0%{opacity:1}50%{opacity:.55}to{opacity:1}}@keyframes lightning{0%,86%,to{opacity:0}88%{opacity:1}91%{opacity:.2}94%{opacity:.9}}@keyframes rain-drift{0%{transform:translate(0)}to{transform:translate(-6px,14px)}}@keyframes blink{0%{opacity:1}to{opacity:.2}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-30px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes glow{0%,to{box-shadow:0 0 6px #4fb3a666}50%{box-shadow:0 0 16px #4fb3a6e6}}.glow{animation:1.6s ease-in-out infinite glow}:root.reduced-motion *,:root.reduced-motion :before,:root.reduced-motion :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){:root:not(.motion-ok) *,:root:not(.motion-ok) :before,:root:not(.motion-ok) :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:700px){.hud-mission{max-width:52vw;padding:6px 8px;font-size:12px}.hud-stats{min-width:140px;padding:6px 8px;font-size:11px}.dpad{grid-template-rows:repeat(3,56px);grid-template-columns:repeat(3,56px)}.action-btn{width:84px;height:84px}.secondary-btn{width:66px;height:66px}.portrait{width:64px;height:52px}.panel{padding:16px}}@media (max-height:460px){.hud-buttons{top:auto;bottom:calc(8px + var(--sab));flex-direction:row;right:50%;transform:translate(50%)}.hud-btn{width:46px;height:46px;font-size:9px}}