@import url("https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Manrope:wght@400;500;600;700&display=swap");:root{--bg:#0f1a17;--bg-soft:#14231f;--accent:#f2994a;--accent-2:#2f9c7a;--text:#f7f4ed;--muted:#b6b1a5;--card:rgba(20,35,31,0.85);--border:rgba(247,244,237,0.12)}*{box-sizing:border-box}body,html{padding:0;margin:0;background:radial-gradient(1200px 600px at 20% -10%,rgba(47,156,122,.25),transparent),radial-gradient(1200px 600px at 100% 0,rgba(242,153,74,.22),transparent),var(--bg);color:var(--text);font-family:var(--font-sans,ui-sans-serif,system-ui)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{min-height:100vh;padding:48px 24px 80px}.app-shell{width:100%}.page{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.page.admin-page{max-width:1360px}.stack{gap:16px}.hero,.stack{display:flex;flex-direction:column}.hero{gap:12px}.hero h1{font-family:var(--font-serif,ui-serif,serif);font-size:2.6rem;letter-spacing:-.02em;margin:0}.hero p{color:var(--muted);font-size:1.05rem;margin:0}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.25)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted)}.input,.select,.textarea{width:100%;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:10px 12px;font-size:.95rem}.button{border:none;border-radius:999px;padding:10px 18px;background:linear-gradient(135deg,var(--accent),#f6c26b);color:#1c1206;font-weight:600;cursor:pointer}.button.secondary{background:linear-gradient(135deg,var(--accent-2),#6dd7b1);color:#03231a}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;background:rgba(247,244,237,.08);border:1px solid var(--border)}.status-available{color:#7be0c3}.status-completed{color:#f6c26b}.small{font-size:.85rem;color:var(--muted)}.admin-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.2fr);grid-gap:20px;gap:20px}.admin-layout-v2{align-items:start}.admin-topbar{border-radius:18px}.admin-sidebar{position:-webkit-sticky;position:sticky;top:18px}.admin-tabs-card{padding:14px}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px}.admin-tab{border:1px solid var(--border);background:rgba(15,26,23,.55);color:var(--muted);border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer}.admin-tab.active{border-color:rgba(246,194,107,.6);background:rgba(246,194,107,.18);color:var(--text)}.admin-tab:disabled{opacity:.6;cursor:not-allowed}.admin-panel{border-radius:18px}.admin-wide-card{width:100%}.admin-editor{display:flex;flex-direction:column;gap:8px;border:1px solid rgba(247,244,237,.08);border-radius:14px;background:rgba(8,16,14,.45);padding:12px}.admin-editor-header{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.admin-editor-toolbar{border:1px solid rgba(247,244,237,.12);border-radius:10px;background:rgba(6,14,12,.8);padding:8px}.admin-toolbar-row{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;overflow-x:auto}.admin-format-select{min-width:150px;max-width:190px;border:1px solid rgba(247,244,237,.16);border-radius:8px;font-size:.9rem;padding:6px 8px}.admin-format-select,.admin-tool-button{background:rgba(10,18,16,.85);color:#f3ede4}.admin-tool-button{border:1px solid rgba(247,244,237,.14);border-radius:8px;font-size:.82rem;line-height:1;padding:7px 10px;font-weight:600;cursor:pointer;white-space:nowrap}.admin-tool-button:disabled{opacity:.6;cursor:not-allowed}.admin-tool-button:hover{background:rgba(32,48,44,.8)}.admin-editor-help{border:1px solid rgba(247,244,237,.14);background:rgba(7,15,13,.8);border-radius:10px;padding:10px;display:grid;grid-gap:6px;gap:6px;color:#c4c8c1}.admin-editor-surface .textarea{min-height:180px;background:rgba(8,16,14,.8);border-color:rgba(247,244,237,.14);color:#f3ede4}.admin-editor-surface .admin-tiptap-content{min-height:180px;background:rgba(8,16,14,.8);border:1px solid rgba(247,244,237,.14);border-radius:12px;padding:10px 12px}.admin-editor-surface .admin-tiptap-content .tiptap{min-height:160px;color:#f3ede4;outline:none}.admin-editor-surface .admin-tiptap-content .tiptap p{margin:0 0 .75rem}.admin-editor-surface .admin-tiptap-content .tiptap h1,.admin-editor-surface .admin-tiptap-content .tiptap h2,.admin-editor-surface .admin-tiptap-content .tiptap h3{margin:.5rem 0 .75rem}.admin-editor-surface .admin-tiptap-content .tiptap ol,.admin-editor-surface .admin-tiptap-content .tiptap ul{margin:0 0 .75rem 1.2rem}.admin-editor-surface .admin-tiptap-content .tiptap blockquote{margin:0 0 .75rem;padding-left:.8rem;border-left:3px solid rgba(247,244,237,.2);color:#d8d2c6}.admin-editor-surface .admin-tiptap-content .tiptap a{color:#f6c26b}.admin-editor-surface .admin-tiptap-content .tiptap img{max-width:100%;height:auto;border-radius:8px;margin:.5rem 0}.admin-editor-surface .markdown-preview{min-height:180px;background:rgba(8,16,14,.8);border:1px solid rgba(247,244,237,.14);border-radius:12px;padding:10px 12px;color:#f3ede4}.list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.list-item{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;gap:6px;padding:12px;border-radius:14px;border:1px solid transparent;background:rgba(15,26,23,.65);text-align:left;color:inherit;cursor:pointer}.list-item.row{align-items:center;gap:12px}.list-item.dragging{opacity:.6;border-color:rgba(47,156,122,.5)}.list-button{flex:1 1;display:flex;flex-direction:column;gap:6px;padding:0;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.drag-handle{font-family:var(--font-serif,ui-serif,serif);font-size:1.1rem;letter-spacing:.12em;color:var(--muted);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.row-actions{display:flex;gap:8px}.button.ghost{background:transparent;color:var(--accent);border:1px solid var(--border);padding:6px 12px}.button.ghost.danger{color:#f07b7b;border-color:rgba(240,123,123,.4)}.icon-preview{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:rgba(15,26,23,.5)}.icon-preview img{width:24px;height:24px}.icon-select{display:flex;align-items:center;gap:12px}.list-item.active{border-color:rgba(246,194,107,.6);background:rgba(246,194,107,.08)}.group-transfer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.group-transfer-card{border:1px dashed rgba(247,244,237,.3);border-radius:14px;padding:10px;background:rgba(8,16,14,.35)}.group-transfer-card.drag-ready{border-color:rgba(47,156,122,.6)}.group-transfer-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.group-transfer-list{margin-top:10px;display:flex;flex-direction:column;gap:8px;min-height:44px}.group-transfer-item{border:1px solid transparent;border-radius:10px;background:rgba(15,26,23,.7);padding:8px 10px}.group-transfer-item.active{border-color:rgba(246,194,107,.6);background:rgba(246,194,107,.1)}.list-item.static{cursor:default}.divider{height:1px;background:var(--border);margin:16px 0}.map-shell{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:rgba(10,20,17,.6);min-height:320px}.map{width:100%;height:320px}.map-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,26,23,.8);text-align:center;padding:12px}.mapbox-marker{border-radius:50%;background-size:cover;background-position:50%;border:2px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.25)}.mapbox-marker--user{width:18px;height:18px;background:#1e88ff;border:3px solid #fff;box-shadow:0 0 0 6px rgba(30,136,255,.2)}@media (max-width:720px){main{padding:32px 18px 60px}.hero h1{font-size:2.1rem}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-tab{width:100%;text-align:center}}.play-shell{margin:-48px -24px -80px;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background:linear-gradient(180deg,#0b2a4a,#0e3a66 60%,#0a2a48);color:#0e1c2e;display:flex;flex-direction:column;font-family:Manrope,Segoe UI,sans-serif;--play-nav-height:76px;--play-panel-gap:12px;overscroll-behavior-y:none}.play-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(8px + env(safe-area-inset-top, 0px)) 12px 8px;justify-content:space-between;border-bottom:1px solid rgba(12,28,46,.08);box-shadow:0 4px 12px rgba(8,20,36,.08)}.play-brand,.play-topbar{display:flex;align-items:center}.play-brand{justify-content:center;gap:0;min-width:0;font-weight:700;color:#173453}.play-topbar-spacer{width:48px;height:48px}.play-logo{font-family:Fraunces,Georgia,serif;font-size:1.12rem;letter-spacing:.01em}.play-logo-image{width:auto;height:28px;max-width:min(66vw,270px);object-fit:contain;display:block}.icon-button{width:48px;height:48px;border-radius:10px;border:none;background:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none;padding:0;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,color .14s ease;-webkit-tap-highlight-color:transparent}.icon-button:hover{background:none}.icon-button:active{transform:scale(.96);background:none}.icon-button:focus,.icon-button:focus-visible{outline:none;background:none}.dot{width:16px;height:16px;border-radius:50%;background:#173453}.settings-icon{width:24px;height:24px;color:#4b6078}.settings{position:relative}.settings-menu{position:absolute;right:0;top:40px;min-width:132px;background:#fff;border-radius:12px;border:1px solid rgba(12,28,46,.1);box-shadow:0 10px 20px rgba(7,18,34,.14);padding:6px;display:flex;flex-direction:column;z-index:30}.settings-item{border:none;background:transparent;padding:8px 10px;text-align:left;font-weight:500;color:#2f4966;border-radius:8px;cursor:pointer}.settings-item:hover{background:rgba(23,52,83,.06)}.play-content{padding:16px 16px calc(var(--play-nav-height) + env(safe-area-inset-bottom, 0px) + 12px);display:flex;flex-direction:column;gap:16px;flex:1 1}.play-content.play-content--map{flex:1 1;min-height:0;padding:0;height:100%}.play-card{background:#fdfdfc;border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(4,12,24,.18);color:#0e1c2e;border:1px solid rgba(12,28,46,.08);animation:playCardIn .24s cubic-bezier(.2,.8,.2,1)}.play-card--compact{padding:14px 16px}.play-card--subtle{background:#f5f7fb;box-shadow:none}.play-info h2{margin:0 0 8px;color:#173453}.play-info p{margin:0 0 12px;color:#3a4a5e}.play-note{border-radius:16px;padding:12px;background:rgba(23,52,83,.08);margin-top:12px}.play-note h4{margin:0 0 6px;color:#173453}.play-note ul{margin:0;padding-left:18px;color:#3a4a5e}.play-map-panel h3{margin:4px 0 0;color:#173453}.play-map-panel{position:relative;flex:1 1;min-height:0;height:100%}.play-map-panel--hidden{display:none}.play-map-shell{border-radius:0;overflow:hidden;border:none;background:#d8e2ef;flex:1 1;min-height:0;position:relative;height:100%;touch-action:pan-x pan-y}.play-map{width:100%;height:100%}.play-locate-button{position:absolute;right:12px;bottom:calc(var(--play-nav-height) + env(safe-area-inset-bottom, 0px) + 16px);z-index:4;width:44px;height:44px;border:1px solid rgba(12,28,46,.16);border-radius:50%;background:rgba(255,255,255,.96);color:#173453;display:grid;place-items:center;box-shadow:0 8px 18px rgba(8,20,36,.2);cursor:pointer}.play-locate-button svg{width:22px;height:22px}.play-locate-button:disabled{opacity:.55;cursor:not-allowed}.play-map-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.play-map-panel-sheet{position:absolute;left:16px;right:16px;bottom:calc(var(--play-nav-height) + env(safe-area-inset-bottom, 0px) + 10px);background:rgba(255,255,255,.97);border:1px solid rgba(12,28,46,.1);border-radius:20px;padding:16px;box-shadow:0 10px 24px rgba(7,18,34,.18);display:flex;flex-direction:column;gap:12px;max-height:70%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;z-index:5;transform-origin:center bottom;animation:playSheetIn .22s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}.play-map-panel-sheet.full{top:var(--play-panel-gap);bottom:calc(var(--play-nav-height) + env(safe-area-inset-bottom, 0px) + var(--play-panel-gap));left:var(--play-panel-gap);right:var(--play-panel-gap);max-height:none;border-radius:20px;padding:20px 20px max(20px,env(safe-area-inset-bottom,0px));overflow:hidden}.close-button{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:#5f738a;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform .12s ease,color .12s ease}.close-button svg{width:18px;height:18px;display:block}.close-button:active{transform:scale(.96);color:#173453}.button.primary-pill{border-radius:999px;padding:12px 22px;min-width:160px;height:46px;background:#e26a36;color:#ffffff;font-weight:700;text-transform:none;letter-spacing:.01em;box-shadow:none;transition:transform .12s ease,filter .12s ease}.button.primary-pill:active{transform:translateY(1px) scale(.99);filter:brightness(.95)}.button.primary-pill:disabled{background:#efb394;color:#ffffff;cursor:not-allowed;filter:none}.button.ghost.round{border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:1.4rem;padding:0;border:none;background:#111a2a;color:#fff}.play-sheet-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.play-sheet-grab-handle{width:44px;height:5px;border-radius:999px;background:rgba(23,52,83,.22);margin:-2px auto 4px}.play-sheet-header h4{margin:0;color:#173453;font-size:1.05rem}.play-task-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.play-sheet-detail h3{margin-top:8px;margin-bottom:4px}.play-sheet-body{flex:1 1;overflow-y:auto;padding-right:4px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.play-sheet-body--compact{flex:0 1 auto;overflow-y:auto;padding-right:0}.play-sheet-description{font-size:clamp(.98rem,.94rem + .25vw,1.05rem);line-height:1.58;color:#3a4a5e;margin:0}.markdown{font-size:clamp(.96rem,.92rem + .28vw,1.02rem);line-height:1.62;color:#3a4a5e;overflow-wrap:anywhere}.markdown>*+*{margin-top:.75rem}.markdown h1,.markdown h2,.markdown h3,.markdown h4{color:#173453;margin:0 0 .35rem}.markdown h1{font-size:1.6rem}.markdown h2{font-size:1.35rem}.markdown h3{font-size:1.15rem}.markdown ol,.markdown ul{padding-left:1.2rem}.markdown hr{border:none;border-top:1px solid rgba(23,52,83,.18);margin:1rem 0}.markdown table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.95rem;margin:.75rem 0}.markdown td,.markdown th{border:1px solid rgba(23,52,83,.16);padding:.45rem .55rem;text-align:left;vertical-align:top}.markdown th{background:rgba(23,52,83,.08);color:#173453}.markdown input[type=checkbox]{width:.95rem;height:.95rem;margin-right:.45rem;accent-color:#2f9c7a;vertical-align:middle}.markdown blockquote{margin:0;padding:.5rem .75rem;border-left:3px solid rgba(23,52,83,.3);background:rgba(23,52,83,.06);color:#3a4a5e}.markdown code{background:rgba(23,52,83,.08);padding:2px 6px;border-radius:6px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.markdown pre{background:#0e1c2e;color:#f0f4fb;padding:12px;border-radius:12px;overflow-x:auto}.markdown pre code{background:transparent;padding:0;color:inherit}.markdown img{max-width:100%;border-radius:12px;display:block;width:auto;height:auto;box-shadow:0 12px 30px rgba(10,20,30,.2)}.markdown-preview{border:1px solid rgba(12,28,46,.08);border-radius:12px;padding:12px;background:rgba(23,52,83,.04);max-height:260px;overflow-y:auto}.markdown-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.markdown-toolbar{display:flex;flex-wrap:wrap;gap:8px}.markdown-toolbar .button{min-height:34px;padding:6px 10px;font-size:.8rem}.markdown-toolbar .button.secondary{margin-left:auto}.markdown-hint{font-size:.8rem;color:rgba(14,28,46,.7)}@media (max-width:900px){.markdown-editor{grid-template-columns:1fr}.markdown-toolbar .button.secondary{margin-left:0}}.play-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(12,28,46,.08)}.play-sheet-footer.tapspot{flex-direction:column;align-items:center;border-top:none;padding-top:0}.play-sheet-actions.tapspot{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;min-height:48px}.play-sheet-actions.tapspot .button.primary-pill{margin-inline:auto;max-width:calc(100% - 84px)}.play-sheet-actions.tapspot .button.play-direction-button{position:absolute;right:4px;top:0;bottom:0;margin-block:auto}.play-sheet-footer.task{flex-direction:column;align-items:center;justify-content:center;border-top:none}.play-sheet-actions.task{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;min-height:48px}.play-sheet-actions.task .button.primary-pill{margin-inline:auto;max-width:calc(100% - 84px)}.play-sheet-actions.task .button.play-hint-button{position:absolute;right:4px;top:0;bottom:0;margin-block:auto}.button.play-direction-button,.button.play-hint-button{width:48px;height:48px;min-width:48px;padding:0;border-radius:50%;border:1px solid #c5d2e1;background:#e3e7ec;color:#153d65;display:grid;place-items:center;box-shadow:none}.button.play-direction-button svg,.button.play-hint-button svg{width:24px;height:24px}.button.play-direction-button:disabled,.button.play-hint-button:disabled{opacity:.55}.button.play-direction-button.active{background:#e3e7ec;color:#153d65;border-color:#c5d2e1}.progress-dots{display:flex;align-items:center;gap:8px}.progress-dot{width:10px;height:10px;border-radius:50%;background:rgba(12,28,46,.15)}.progress-dot.available{background:#ea7a3c}.progress-dot.completed{background:#2f9c7a}.progress-dot.locked{background:rgba(12,28,46,.2)}.progress-dot.active{box-shadow:0 0 0 4px rgba(234,122,60,.18)}.play-feedback{padding:10px 12px;border-radius:12px;font-weight:600;background:rgba(23,52,83,.08);color:#173453}.play-feedback.correct{background:rgba(35,143,110,.2);color:#1f7b60}.play-feedback.wrong{background:rgba(210,74,74,.18);color:#b04646}.play-feedback .markdown{color:inherit}.play-feedback .markdown p{margin:0}.play-answer-field{display:flex;flex-direction:column;gap:8px;margin-top:8px}.play-code-pin-wrap{display:flex;justify-content:center}.play-shell .play-code-pin-input{width:min(100%,230px);text-align:center;font-size:1.38rem;line-height:1.15;font-weight:700;letter-spacing:.42em;padding:14px 16px 14px 22px;border-radius:14px;border:1px solid rgba(21,61,101,.24);background:#f7f9fd;color:#153d65;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.play-shell .play-code-pin-input::placeholder{color:#9fb0c2;letter-spacing:.4em}.play-shell .play-code-pin-input:focus{outline:none;border-color:rgba(21,61,101,.42);box-shadow:0 0 0 3px rgba(21,61,101,.12)}.play-shell .play-text-answer-input{width:min(100%,230px);margin-inline:auto;border-radius:14px;border:1px solid rgba(21,61,101,.22);background:#f7f9fd;color:#153d65;padding:14px 16px;min-height:50px;font-size:1rem;font-weight:500;line-height:1.2}.play-shell .play-text-answer-input::placeholder{color:#8fa2b7}.play-shell .play-text-answer-input:focus{outline:none;border-color:rgba(21,61,101,.42);box-shadow:0 0 0 3px rgba(21,61,101,.11)}.play-shell .play-code-pin-input.play-answer-input--wrong,.play-shell .play-text-answer-input.play-answer-input--wrong{border-color:rgba(176,70,70,.5);box-shadow:0 0 0 3px rgba(176,70,70,.14);background:#fff6f6}.play-attempt-feedback{margin:6px 0 0;text-align:center;color:#b04646;font-size:.88rem;font-weight:600}.play-photo-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.play-photo-picker{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;border:1px dashed rgba(21,61,101,.28);background:#f7f9fd;color:#173453;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.play-photo-picker:active{transform:translateY(1px)}.play-photo-picker.has-file{border-style:solid;border-color:rgba(21,61,101,.24);background:#eef3fa}.play-photo-picker-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:#e3e9f1;color:#153d65}.play-photo-picker-icon svg{width:20px;height:20px;display:block}.play-photo-picker-text{min-width:0;display:flex;flex-direction:column;gap:2px}.play-photo-picker-title{font-size:.92rem;font-weight:700;color:#173453;line-height:1.2}.play-photo-picker-meta{font-size:.78rem;color:#6a7b8f;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.play-task-description{margin:0 0 8px}.play-hint-markdown{font-size:.92rem;line-height:1.45}.play-hint-markdown>*+*{margin-top:.5rem}.play-hint-markdown p{margin:0}.play-chip-row{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 0}.chip{border:none;border-radius:999px;padding:8px 14px;background:rgba(255,255,255,.9);color:#173453;font-weight:600;cursor:pointer}.chip.active{background:#173453;color:#fff}.play-stack{display:flex;flex-direction:column;gap:16px}.play-score{text-align:center}.score-display{font-size:3rem;font-weight:700;color:#173453;margin:6px 0 12px}.play-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.play-score-card{background:rgba(23,52,83,.08);border-radius:16px;padding:12px;color:#173453}.hint-overlay{position:fixed;inset:0;background:rgba(8,18,32,.4);display:flex;align-items:center;justify-content:center;padding:18px;z-index:34}.hint-sheet{width:min(460px,100%);background:#ffffff;border-radius:18px;border:none;color:#173453;box-shadow:0 20px 44px rgba(7,18,34,.3);position:relative;max-height:min(62vh,500px);overflow:hidden}.hint-sheet-body{overflow-y:auto;padding:16px}.hint-sheet-actions{padding:0 16px 16px}.hint-sheet-actions .button{width:100%;min-height:44px}.hint-panel-sheet{width:min(420px,100%)}.hint-panel-tabs{padding:14px 16px 8px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.button.hint-index-tab{width:34px;height:34px;min-width:34px;border-radius:999px;padding:0;border:1px solid #c5d2e1;background:#e3e7ec;color:#153d65;font-size:.82rem;font-weight:700;line-height:1;display:grid;place-items:center;box-shadow:none}.button.hint-index-tab.selected{background:#153d65;color:#ffffff;border-color:#153d65}.hint-panel-body{min-height:132px;display:flex;align-items:center;justify-content:center}.hint-panel-unlocked{width:min(100%,340px);margin-inline:auto}.hint-panel-unlocked .play-hint-markdown{text-align:center}.hint-panel-locked{width:min(100%,340px);margin-inline:auto;display:grid;grid-gap:12px;gap:12px;text-align:center}.hint-panel-locked-text{margin:0;color:#5f738a;font-size:.95rem}.hint-panel-unlock-button{width:min(220px,100%);margin-inline:auto}.finish-overlay{position:fixed;inset:0;background:rgba(8,18,32,.72);display:flex;align-items:center;justify-content:center;padding:24px;z-index:40}.finish-dialog{width:min(560px,100%);background:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 60px rgba(10,20,30,.35);color:#173453}.finish-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.finish-dialog h2{margin:0}.finish-dialog p{margin:0;font-size:1.05rem;line-height:1.6;color:#3a4a5e}.play-nav{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid rgba(12,28,46,.1);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 10px calc(12px + env(safe-area-inset-bottom, 0px));height:calc(var(--play-nav-height) + env(safe-area-inset-bottom, 0px));z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -6px 16px rgba(8,20,36,.1)}.play-nav-item{border:none;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:3px;align-items:center;font-size:.72rem;color:#6a7b8f;cursor:pointer;min-height:58px;transition:color .16s ease}.play-nav-item.active{color:#173453;font-weight:650}.nav-icon{width:28px;height:28px;border-radius:0;background:transparent;border:none;display:grid;place-items:center;font-size:.9rem;transition:transform .14s ease}.nav-icon svg{width:24px;height:24px;display:block}.play-nav-item.active .nav-icon{transform:translateY(-.5px)}.play-nav-item:active .nav-icon{transform:scale(.96)}.play-nav-text{line-height:1;letter-spacing:.015em;font-size:.72rem}.play-shell .button{background:#e26a36;color:#ffffff}.play-shell .button.secondary{background:rgba(23,52,83,.08);color:#173453;border:1px solid rgba(23,52,83,.14)}.play-shell .button.hint-index-tab,.play-shell .button.play-direction-button,.play-shell .button.play-hint-button{background:#e3e7ec;color:#153d65;border:1px solid #c5d2e1}.play-shell .button.hint-index-tab.selected{background:#153d65;color:#ffffff;border-color:#153d65}.play-shell .button.play-direction-button.active{background:#e3e7ec;color:#153d65;border-color:#c5d2e1}.play-shell .button.ghost{background:transparent;color:#173453;border:1px solid rgba(23,52,83,.2)}.play-shell .button{transition:transform .12s ease,filter .12s ease}.play-shell .button:active{transform:translateY(1px) scale(.99);filter:brightness(.96)}.play-shell .input,.play-shell .select,.play-shell .textarea{background:#f0f4fb;color:#0e1c2e;border-color:rgba(12,28,46,.12)}.play-shell .label{color:#6a7b8f}@media (max-width:720px){.play-shell{margin:-32px -18px -60px;--play-panel-gap:8px}.play-topbar{padding:calc(7px + env(safe-area-inset-top, 0px)) 10px 7px}.play-logo{font-size:1.04rem}.play-logo-image{height:25px;max-width:min(66vw,240px)}.play-content{padding:12px 12px calc(var(--play-nav-height) + env(safe-area-inset-bottom, 0px) + 10px);gap:12px}.play-card{border-radius:16px;padding:14px}.play-map-panel-sheet.full{border-radius:18px;padding:14px;box-shadow:0 18px 42px rgba(7,18,34,.34)}.play-sheet-header h4{font-size:1rem}.play-sheet-grab-handle{width:48px;height:5px;margin-bottom:6px}.close-button{width:40px;height:40px}.close-button svg{width:19px;height:19px}.play-sheet-body{padding-right:0}.play-sheet-description{line-height:1.55}.markdown{font-size:.98rem;line-height:1.58}.markdown>*+*{margin-top:.65rem}.markdown h1{font-size:1.35rem}.markdown h2{font-size:1.2rem}.markdown h3{font-size:1.08rem}.markdown ol,.markdown ul{padding-left:1.05rem}.markdown table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:10px}.markdown td,.markdown th{min-width:110px;padding:.4rem .5rem}.markdown pre{padding:10px;border-radius:10px}.markdown img{width:100%;max-height:42vh;object-fit:cover;border-radius:10px}.play-sheet-footer{gap:10px;padding-top:10px}.button.primary-pill,.play-sheet-footer.task .button{min-height:48px;height:48px;font-size:.95rem;letter-spacing:.04em}.play-shell .input,.play-shell .select,.play-shell .textarea{font-size:16px}.play-nav-item{font-size:.7rem}.nav-icon{width:26px;height:26px}.nav-icon svg{width:24px;height:24px}}@media (max-width:380px){.play-map-panel-sheet.full{border-radius:14px;padding:12px}.play-sheet-header h4{font-size:.96rem}.play-shell{--play-nav-height:72px}}@keyframes playSheetIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes playCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.button.primary-pill,.close-button,.nav-icon,.play-card,.play-map-panel-sheet,.play-nav-item,.play-shell .button{animation:none!important;transition:none!important;transform:none!important}}@media (min-width:900px){.play-shell{margin:-48px auto -80px;max-width:480px;border-radius:24px;overflow:hidden}.play-nav{left:50%;transform:translateX(-50%);max-width:480px}}.login-shell{--play-nav-height:0px;color:#173453}.login-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:20px 16px max(20px,env(safe-area-inset-bottom,0px))}.login-card{width:min(100%,420px);display:flex;flex-direction:column;gap:10px}.login-card--simple{align-items:stretch}.login-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center}.login-input{min-height:48px;border-radius:12px;font-size:clamp(1.12rem,1.04rem + .38vw,1.28rem);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;text-align:center;letter-spacing:.24em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#153d65}.login-input--error{border-color:rgba(21,61,101,.34)!important;background:rgba(239,244,251,.98)!important;box-shadow:0 0 0 3px rgba(21,61,101,.12)}.login-input::placeholder{letter-spacing:.22em;font-weight:500;color:#9fb0c2}.login-button{min-height:48px;min-width:112px;padding-inline:18px}.login-button.login-button--loading:disabled{background:#e26a36!important;color:#ffffff!important;opacity:.82}.login-note{margin:0;text-align:center;font-size:.9rem;color:#4f6177}.login-error{margin:0;border-radius:14px;border:1px solid #efbbbb;background:#f9eeee;color:#ef4b4b;font-size:.96rem;line-height:1.32;font-weight:500;display:flex;align-items:center;gap:10px;padding:12px 14px;animation:loginErrorIn .14s ease-out}.login-error-icon{width:20px;height:20px;border-radius:50%;border:1.5px solid;background:transparent;color:inherit;display:grid;place-items:center;font-size:.74rem;line-height:1;font-weight:700;flex:0 0 20px}.login-error.login-error--warning{border-color:#f1d39e;background:#fff5e6;color:#bc731f}.login-error.login-error--warning .login-error-icon{color:inherit}.login-error.login-error--danger{border-color:#efb7b7;background:#f9eded;color:#ef4b4b}.login-error.login-error--danger .login-error-icon{color:inherit}@media (max-width:720px){.login-main{padding:14px 12px max(16px,env(safe-area-inset-bottom,0px))}.login-card{gap:10px}.login-row{grid-template-columns:1fr}.login-button{width:100%}}@keyframes loginErrorIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}