:root{--cream:#fff8e7;--paper:#fdf1d7;--choco:#6b4a2f;--choco-deep:#4a3728;--leaf:#6fbf63;--leaf-deep:#4e9a44;--peach:#ff9f68;--sun:#ffd166;--sky:#8ecdf5;--berry:#e05d5d;--ink:#3a2b1d;--font-display:"Fredoka", "Comic Sans MS", cursive;--font-body:"Nunito", "Trebuchet MS", sans-serif;--shadow-panel:0 6px 0 #6b4a2f47, 0 18px 44px #3a2a1a38;--radius:22px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--ink);-webkit-user-select:none;user-select:none;background:linear-gradient(#8ecdf5 0%,#cfe9f7 55%,#ffd9b8 100%)}.app{position:fixed;inset:0}.app canvas{touch-action:none;cursor:pointer;display:block}.panel{background:radial-gradient(circle at 12% 8%, #ffffffb3, transparent 42%), var(--cream);border:3px solid var(--choco);border-radius:var(--radius);box-shadow:var(--shadow-panel);position:relative}.panel:after{content:"";border-radius:calc(var(--radius) - 9px);pointer-events:none;border:2px dashed #6b4a2f47;position:absolute;inset:7px}.panel-mini{background:var(--cream);border:2.5px solid var(--choco);border-radius:16px;box-shadow:0 4px #6b4a2f40}.key{font-family:var(--font-display);background:var(--sun);border:2px solid var(--choco);color:var(--choco-deep);vertical-align:middle;border-bottom-width:4px;border-radius:8px;margin:0 .12rem;padding:.1rem .42rem;font-size:.72rem;font-weight:600;display:inline-block}.button-primary,.button-ghost{font-family:var(--font-display);border:3px solid var(--choco);cursor:pointer;color:var(--choco-deep);border-radius:999px;padding:.55rem 1.15rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s}.button-primary{background:var(--leaf);color:#fff;box-shadow:0 4px 0 var(--leaf-deep)}.button-primary:hover{box-shadow:0 6px 0 var(--leaf-deep);transform:translateY(-2px)}.button-primary:active{box-shadow:0 1px 0 var(--leaf-deep);transform:translateY(2px)}.button-ghost{background:var(--paper);box-shadow:0 4px #6b4a2f4d}.button-ghost:hover{transform:translateY(-2px)}.hud{z-index:10;position:fixed}.hud-top-left{top:1.2rem;left:1.2rem}.hud-top-right{top:1.2rem;right:1.2rem}.hud-bottom-left{bottom:1.2rem;left:1.2rem}.hud-bottom-right{bottom:1.2rem;right:1.2rem}.hud-bottom-center{bottom:1.6rem;left:50%;transform:translate(-50%)}.visitor-chip{font-family:var(--font-display);color:var(--choco-deep);background:var(--cream);border:2.5px solid var(--choco);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.95rem;font-weight:600;transition:transform .12s;animation:.6s cubic-bezier(.22,1.4,.36,1) both drop-in;display:inline-flex;box-shadow:0 3px #6b4a2f40}.visitor-chip:hover{transform:translateY(-1px)}.visitor-edit{opacity:.45;font-size:.75rem}.visitor-input{font-family:var(--font-display);color:var(--choco-deep);background:0 0;border:none;border-bottom:2px dashed #6b4a2f66;outline:none;width:9ch;font-size:.95rem;font-weight:600}.menu-button{font-family:var(--font-display);color:var(--choco-deep);background:var(--cream);border:3px solid var(--choco);cursor:pointer;border-radius:999px;width:52px;height:52px;font-size:1.25rem;font-weight:600;transition:transform .12s,box-shadow .12s;animation:.6s cubic-bezier(.22,1.4,.36,1) both drop-in;box-shadow:0 4px #6b4a2f4d}.menu-button:hover{transform:translateY(-2px)rotate(3deg);box-shadow:0 6px #6b4a2f4d}.menu-overlay{z-index:22;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3a2a1a59;animation:.2s both fade-in;position:fixed;inset:0}.menu-drawer{border-radius:0 var(--radius) var(--radius) 0;border-left:none;width:min(320px,88vw);animation:.28s cubic-bezier(.22,1.2,.36,1) both drawer-in;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.menu-scroll{flex-direction:column;gap:1rem;height:100%;padding:1.1rem 1.1rem 1.4rem;display:flex;overflow-y:auto}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-head{border-bottom:2px dashed #6b4a2f4d;justify-content:space-between;align-items:center;padding-bottom:.6rem;display:flex}.menu-title{font-family:var(--font-display);color:var(--choco-deep);font-size:1.2rem;font-weight:700}.menu-close{padding:.3rem .7rem}.menu-section h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--choco);margin-bottom:.5rem;font-size:.78rem;font-weight:600}.menu-wide{width:100%}.menu-venues{flex-direction:column;gap:.4rem;list-style:none;display:flex}.menu-venue{text-align:left;background:var(--paper);cursor:pointer;border:2.5px solid #6b4a2f8c;border-radius:14px;align-items:center;gap:.55rem;width:100%;padding:.45rem .65rem;font-family:inherit;transition:transform .1s;display:flex}.menu-venue:hover{border-color:var(--choco);transform:translate(2px)}.menu-venue-text{flex-direction:column;flex:1;min-width:0;display:flex}.menu-venue-name{font-family:var(--font-display);color:var(--choco-deep);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.menu-venue-skill{opacity:.55;font-size:.7rem;font-weight:800}.menu-badge{font-family:var(--font-display);color:var(--choco-deep);background:var(--sun);opacity:.75;white-space:nowrap;border-radius:999px;padding:.18rem .5rem;font-size:.7rem;font-weight:700}.menu-badge-play{background:var(--leaf);color:#fff;opacity:1}.skills-button{font-family:var(--font-display);color:var(--choco-deep);background:var(--cream);border:3px solid var(--choco);cursor:pointer;border-radius:999px;padding:.55rem 1.1rem;font-size:1rem;font-weight:600;transition:transform .12s,box-shadow .12s;animation:.6s cubic-bezier(.22,1.4,.36,1) .1s both drop-in;box-shadow:0 4px #6b4a2f4d}.skills-button:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:0 6px #6b4a2f4d}.hints{color:var(--choco-deep);align-items:center;gap:1.1rem;padding:.5rem .9rem;font-size:.82rem;font-weight:700;animation:.6s cubic-bezier(.22,1.4,.36,1) .2s both drop-in;display:flex}.minimap{border:3px solid var(--choco);background:radial-gradient(circle,#bce5a6 0%,#a8d98c 55%,#8fc57b 100%);border-radius:50%;width:150px;height:150px;animation:.6s cubic-bezier(.22,1.4,.36,1) .25s both drop-in;position:relative;overflow:hidden;box-shadow:0 4px #6b4a2f47}.minimap:after{content:"";pointer-events:none;border:2px dashed #6b4a2f38;border-radius:50%;position:absolute;inset:5px}.minimap-horizon{pointer-events:none;border:1.5px dashed #ffffffb3;border-radius:50%;width:39%;height:39%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.minimap-center{background:var(--cream);border:2.5px solid var(--berry);pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.minimap-dot{cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 1px #3a2a1a66);background:0 0;border:none;padding:1px;font-size:13px;line-height:1;transition:font-size .2s;position:absolute;top:0;left:0}.minimap-dot-approach{font-size:16px}.minimap-dot-near{font-size:18px}@media (width<=700px){.minimap{width:106px;height:106px}.minimap-dot{font-size:11px}}.approach-toast{background:var(--cream);border:3px solid var(--choco);border-right:none;border-radius:18px 0 0 18px;align-items:center;gap:.65rem;max-width:260px;padding:.65rem 1rem .65rem .85rem;animation:.35s cubic-bezier(.22,1.35,.36,1) both toast-in;display:flex;top:32%;right:0;box-shadow:0 4px #6b4a2f47}@keyframes toast-in{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.approach-icon{font-size:1.7rem}.approach-text{flex-direction:column;line-height:1.25;display:flex}.approach-caption{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--leaf-deep);font-size:.66rem;font-weight:600}.approach-name{font-family:var(--font-display);color:var(--choco-deep);font-size:1rem;font-weight:700}.approach-skill{opacity:.6;font-size:.72rem;font-weight:800}.venue-prompt{font-family:var(--font-display);color:var(--choco-deep);background:var(--cream);border:3px solid var(--choco);cursor:pointer;box-shadow:var(--shadow-panel);border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.3rem;font-size:1.05rem;font-weight:500;animation:.45s cubic-bezier(.22,1.6,.36,1) both bounce-in;display:flex}.venue-prompt strong{color:var(--leaf-deep);font-weight:700}.venue-prompt-icon{font-size:1.3rem}.overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3a2a1a73;place-items:center;padding:1.5rem;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.sheet{flex-direction:column;width:min(920px,100%);max-height:min(680px,92vh);padding:1.6rem 1.8rem;animation:.4s cubic-bezier(.22,1.5,.36,1) both bounce-in;display:flex;overflow:hidden}.sheet-header{border-bottom:2px dashed #6b4a2f4d;align-items:center;gap:1.1rem;padding-bottom:1rem;display:flex}.sheet-header h1{font-family:var(--font-display);color:var(--choco-deep);font-size:1.7rem;font-weight:700}.sheet-class{color:var(--leaf-deep);font-weight:800}.sheet-loc{opacity:.75;font-size:.85rem;font-weight:600}.sheet-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;margin-left:auto;display:flex}.portrait{width:74px;height:74px;font-family:var(--font-display);color:#fff;background:linear-gradient(140deg, var(--peach), var(--berry));border:3px solid var(--choco);border-radius:24px;flex:none;place-items:center;font-size:1.6rem;font-weight:700;display:grid;transform:rotate(-3deg);box-shadow:0 4px #6b4a2f4d}.sheet-body{grid-template-columns:1.7fr 1fr;align-items:start;gap:1.4rem;min-height:0;padding-top:1.1rem;display:grid;overflow-y:auto}@media (width<=760px){.sheet-body{grid-template-columns:1fr}}.sheet h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--choco);margin-bottom:.7rem;font-size:1.05rem;font-weight:600}.skill-grid{grid-template-columns:1fr 1fr;gap:.7rem;list-style:none;display:grid}@media (width<=560px){.skill-grid{grid-template-columns:1fr}}.skill-card{background:var(--paper);border:2.5px solid #6b4a2f8c;border-radius:16px;padding:.7rem .8rem}.skill-card-head{align-items:center;gap:.45rem;margin-bottom:.45rem;display:flex}.skill-icon{font-size:1.1rem}.skill-name{font-family:var(--font-display);color:var(--choco-deep);flex:1;font-size:.95rem;font-weight:600}.skill-items{opacity:.85;font-size:.8rem;font-weight:600;line-height:1.45;list-style:none}.skill-items li:before{content:"· ";color:var(--leaf-deep);font-weight:800}.pips{gap:.18rem;display:inline-flex}.pip{border:1.5px solid var(--choco);background:0 0;border-radius:50%;width:10px;height:10px}.pip-full{background:var(--leaf)}.quest-list{flex-direction:column;gap:.6rem;list-style:none;display:flex}.quest{background:var(--paper);border:2.5px solid #6b4a2f8c;border-radius:16px;padding:.65rem .8rem}.quest-active{border-color:var(--leaf-deep);background:#eef8e4}.quest-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.quest-name{font-family:var(--font-display);color:var(--choco-deep);font-weight:700}.quest-period{opacity:.6;white-space:nowrap;font-size:.72rem;font-weight:800}.quest-role{color:var(--leaf-deep);margin:.15rem 0;font-size:.8rem;font-weight:800}.quest-note{opacity:.8;font-size:.78rem;font-weight:600;line-height:1.4}.sheet-quests h2:not(:first-child){margin-top:1.1rem}.arcade-list{grid-template-columns:repeat(auto-fill,minmax(7.6rem,1fr));gap:.5rem;list-style:none;display:grid}.arcade-row{background:var(--paper);border:2.5px solid #6b4a2f8c;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.6rem .75rem;display:flex}.arcade-head{align-items:center;gap:.45rem;display:flex}.arcade-icon{font-size:1rem}.arcade-title{font-family:var(--font-display);color:var(--choco-deep);flex:1;font-size:.84rem;font-weight:700;line-height:1.15}.arcade-score{font-family:var(--font-display);color:var(--choco-deep);align-items:baseline;gap:.4rem;font-weight:700;display:flex}.arcade-plays{opacity:.55;font-size:.68rem;font-weight:800}.arcade-unplayed{opacity:.55;font-size:.78rem;font-style:italic;font-weight:700}.venue-card{text-align:center;flex-direction:column;align-items:center;gap:.55rem;width:min(460px,100%);padding:1.8rem 1.8rem 1.6rem;animation:.4s cubic-bezier(.22,1.5,.36,1) both bounce-in;display:flex}.venue-card-icon{font-size:2.6rem;animation:2.6s ease-in-out infinite float}.venue-card h1{font-family:var(--font-display);color:var(--choco-deep);font-size:1.5rem;font-weight:700}.venue-skill{text-transform:uppercase;letter-spacing:.14em;color:var(--leaf-deep);font-size:.85rem;font-weight:800}.tag-row{flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.2rem 0;list-style:none;display:flex}.tag{background:var(--sun);border:2px solid var(--choco);color:var(--choco-deep);border-radius:999px;padding:.18rem .6rem;font-size:.72rem;font-weight:800}.venue-blurb{opacity:.85;font-size:.9rem;font-weight:600;line-height:1.55}.venue-game{background:var(--paper);border:2px dashed #6b4a2f73;border-radius:14px;width:100%;margin:.3rem 0 .6rem;padding:.6rem .8rem}.venue-game-label{text-transform:uppercase;letter-spacing:.14em;color:var(--berry);font-size:.68rem;font-weight:900}.venue-game p{margin-top:.2rem;font-size:.82rem;font-weight:700}.game-host{z-index:30;position:fixed;inset:0}.game-shell{animation:.25s both fade-in;position:absolute;inset:0}.game-shell canvas{display:block}.game-shell-port{background:linear-gradient(#8ecdf5 0%,#cfe9f7 60%,#7ec8e3 100%)}.game-shell-serpent{background:linear-gradient(#cfe9f7 0%,#e4f4cf 40%,#a9d98c 100%)}.game-shell-circuit{background:linear-gradient(#241d38 0%,#3a2f5c 55%,#5a3d78 100%)}.game-shell-lakehouse{background:linear-gradient(#f5b58c 0%,#e8a87c 45%,#4aa3b8 100%)}.game-shell-vault{background:linear-gradient(#2c3e63 0%,#4a7a9c 45%,#6fb9dd 75%,#8fd0c9 100%)}.game-shell-lighthouse{background:linear-gradient(#0d1630 0%,#16244a 45%,#23407a 100%)}.game-shell-canyon{background:radial-gradient(circle at 70% 12%,#9ef2ff2e,#0000 45%),linear-gradient(#171233 0%,#2b2440 55%,#4a3b6b 100%)}.game-stage{position:absolute;inset:3.6rem 0 5.6rem}.game-stage-full{touch-action:none;inset:0}.game-controls{background:var(--cream);border:3px solid var(--choco);border-radius:999px;align-items:center;gap:.8rem;max-width:min(92vw,640px);padding:.45rem 1rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px #6b4a2f47}.game-controls-hint{font-family:var(--font-display);color:var(--choco-deep);white-space:nowrap;font-size:.85rem;font-weight:600}.touch-controls{pointer-events:none;z-index:8;position:absolute;inset:0}.game-host:has(.game-panel-wrap) .touch-controls{display:none}.pad-btn{pointer-events:auto;width:64px;height:64px;font-family:var(--font-display);color:var(--choco-deep);border:3px solid var(--choco);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff8e7eb;border-radius:50%;place-items:center;font-size:1.45rem;display:grid;position:absolute;box-shadow:0 4px #6b4a2f4d}.pad-btn:active{background:var(--sun);transform:translateY(2px);box-shadow:0 1px #6b4a2f4d}.pad-lr-left{bottom:6.4rem;left:1.1rem}.pad-lr-right{bottom:6.4rem;right:1.1rem}.pad-dpad-up{bottom:14.2rem;right:4.9rem}.pad-dpad-left{bottom:10.4rem;right:8.7rem}.pad-dpad-right{bottom:10.4rem;right:1.1rem}.pad-dpad-down{bottom:6.6rem;right:4.9rem}@media (pointer:coarse){.game-controls-hint,.hints{display:none}}.game-msg{font-family:var(--font-display);color:var(--choco-deep);white-space:nowrap;text-overflow:ellipsis;min-width:15ch;font-size:.9rem;font-weight:600;overflow:hidden}.game-shell-shipyard{background:linear-gradient(#fde6c4 0%,#f9cf9e 45%,#edaa7f 100%)}.game-shell-oracle{background:radial-gradient(circle at 50% 20%,#9b8cff59,#0000 55%),linear-gradient(#2b2440 0%,#4a3b6b 60%,#7a5f9e 100%)}.game-loading{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3a2a1a73;place-items:center;display:grid;position:absolute;inset:0}.game-loading-card{font-family:var(--font-display);padding:.8rem 1.4rem;font-weight:600}.game-hud-top{align-items:center;gap:.6rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.game-stat{font-family:var(--font-display);color:var(--choco-deep);background:var(--cream);border:2.5px solid var(--choco);border-radius:999px;padding:.3rem .9rem;font-size:1.05rem;font-weight:600;box-shadow:0 3px #6b4a2f47}.game-exit{margin-left:auto}.game-panel-wrap{place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.game-panel{text-align:center;flex-direction:column;gap:.7rem;width:min(440px,100%);padding:1.6rem 1.7rem;animation:.4s cubic-bezier(.22,1.5,.36,1) both bounce-in;display:flex}.game-panel h1{font-family:var(--font-display);color:var(--choco-deep);font-size:1.5rem}.game-panel p{font-size:.92rem;font-weight:600;line-height:1.55}.game-fine{opacity:.7;font-size:.78rem!important}.game-panel-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.3rem;display:flex}.score-pop{pointer-events:none;z-index:5;font-family:var(--font-display);color:var(--cream);-webkit-text-stroke:4px var(--choco-deep);paint-order:stroke fill;font-size:1.45rem;font-weight:700;animation:.9s ease-out both score-pop-float;position:absolute}.score-pop-bonus{color:#ffd166;font-size:1.5rem}.score-pop-oom{color:#ff8a7a}@keyframes score-pop-float{0%{opacity:0;transform:translate(-50%,-50%)translateY(6px)scale(.5)}18%{opacity:1;transform:translate(-50%,-50%)translateY(-8px)scale(1.15)}30%{transform:translate(-50%,-50%)translateY(-14px)scale(1)}to{opacity:0;transform:translate(-50%,-50%)translateY(-52px)scale(1)}}.venue-card-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.venue-game-label-ready{color:var(--leaf-deep)}.oracle-wrap{place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.oracle-panel{flex-direction:column;width:min(620px,100%);height:min(680px,94vh);padding:1.2rem 1.3rem;animation:.4s cubic-bezier(.22,1.5,.36,1) both bounce-in;display:flex}.oracle-header{border-bottom:2px dashed #6b4a2f4d;align-items:center;gap:.8rem;padding-bottom:.8rem;display:flex}.oracle-header h1{font-family:var(--font-display);color:var(--choco-deep);font-size:1.3rem}.oracle-header p{opacity:.65;font-size:.75rem;font-weight:700}.game-exit-inline{margin-left:auto}.oracle-orb{border:3px solid var(--choco);background:radial-gradient(circle at 35% 30%,#d9ccff,#9b8cff 55%,#5c4a9e);border-radius:50%;flex:none;width:40px;height:40px;animation:3s ease-in-out infinite float;box-shadow:0 0 18px #9b8cffcc}.oracle-log{flex-direction:column;flex:1;gap:.55rem;padding:.9rem .2rem;display:flex;overflow-y:auto}.bubble{border:2.5px solid var(--choco);border-radius:16px;max-width:82%;padding:.6rem .9rem;font-size:.88rem;font-weight:600;line-height:1.5;animation:.25s cubic-bezier(.22,1.4,.36,1) both bounce-in}.bubble-oracle{background:#efe9ff;border-bottom-left-radius:4px;align-self:flex-start}.bubble-you{background:#eef8e4;border-bottom-right-radius:4px;align-self:flex-end}.bubble-thinking{align-items:center;gap:5px;padding:.75rem .9rem;display:flex}.bubble-thinking span{background:#9b8cff;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite think}.bubble-thinking span:nth-child(2){animation-delay:.15s}.bubble-thinking span:nth-child(3){animation-delay:.3s}.oracle-chips{flex-wrap:wrap;gap:.4rem;padding:.4rem 0 .6rem;display:flex}.chip{font-family:var(--font-body);border:2px solid var(--choco);background:var(--sun);color:var(--choco-deep);cursor:pointer;border-radius:999px;padding:.28rem .7rem;font-size:.74rem;font-weight:800;transition:transform .1s}.chip:hover{transform:translateY(-2px)}.oracle-input-row{gap:.5rem;display:flex}.oracle-input-row input{font-family:var(--font-body);color:var(--ink);border:2.5px solid var(--choco);background:#fff;border-radius:999px;outline:none;flex:1;padding:.55rem 1rem;font-size:.92rem;font-weight:600}.oracle-input-row input:focus{box-shadow:0 0 0 3px #6fbf6366}@keyframes think{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}