.a27{--accent:#85dacd;--second:#d4b27a;color:#f6f3ee;border:1px solid color-mix(in srgb,var(--accent),transparent 40%);isolation:isolate;background:#080e1d;border-radius:20px;width:100%;font:14px/1.45 system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 20px 80px #0008,inset 0 1px #fff3}.a27 *{box-sizing:border-box}.a27 button,.a27 select{color:inherit;cursor:pointer;background:#162235;border:1px solid #ffffff35;border-radius:9px;min-height:42px;padding:10px 14px;font:600 12px/1.3 system-ui,sans-serif}.a27 button:hover{border-color:var(--accent);filter:brightness(1.15)}.a27 button:disabled{opacity:.4;cursor:default}.a27 button:focus-visible,.a27 select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.a27 .a27-spin{background:linear-gradient(145deg,var(--accent),var(--second));color:#0b1322;letter-spacing:.12em;border:1px solid #fff7;min-width:145px;font-size:16px;box-shadow:inset 0 2px 1px #fffa,0 4px #050910}.a27-top{background:linear-gradient(110deg,#1c293a,#0e1624);justify-content:space-between;align-items:center;gap:16px;padding:13px 19px;display:flex}.a27-top strong{font-size:15px}.a27-top small{color:var(--accent);letter-spacing:.1em;font-size:10px;display:block}.a27-world{aspect-ratio:1120/650;background:#111d2b;width:100%;position:relative;overflow:hidden}.a27-world canvas{width:100%;height:100%;display:block}.a27-story{pointer-events:none;color:#dedbd3;text-shadow:0 2px 3px #000;max-width:160px;font-size:10px;position:absolute;bottom:12px;left:20px}.a27-status{text-align:center;min-height:41px;color:var(--accent);letter-spacing:.025em;background:linear-gradient(90deg,#16263c,#0e1728);padding:10px 18px;font-size:13px;font-weight:600}.a27-controls{border-top:1px solid #fff1;flex-wrap:wrap;justify-content:center;align-items:end;gap:10px;padding:13px 16px;display:flex}.a27-controls label{color:#b8c6d6;gap:4px;font-size:10px;display:grid}.a27-tools{flex-wrap:wrap;justify-content:center;gap:7px;padding:0 12px 12px;display:flex}.a27-tools button{min-height:35px;padding:7px 10px;font-size:10px}.a27-progress{border-top:1px solid #ffffff12;grid-template-columns:repeat(6,1fr);gap:6px;padding:12px 18px;display:grid}.a27-chapter{color:#a2adbb;border-top:3px solid #253347;padding:6px 4px;font-size:9px;position:relative}.a27-chapter[data-unlocked=true]{border-color:var(--accent);color:#eef8f5}.a27-chapter[data-current=true]{color:var(--accent);background:linear-gradient(#ffffff10,#0000)}.a27-choice{text-align:center;border-top:1px solid var(--accent);background:linear-gradient(130deg,#2d2545,#152c39);padding:18px}.a27-choice strong{color:#f0cf82;margin:6px;font-size:23px;display:block}.a27-choice p{margin:5px 0 12px;font-size:12px}.a27-choice button{min-width:120px;margin:4px}.a27-choice a{color:#f4db9f}.a27-rules{background:#101b2a;border-top:1px solid #fff2;max-height:340px;padding:18px 24px;font-size:12px;overflow:auto}.a27-rules p{color:#bdc9d7}.a27-rules h3{color:var(--accent)}.a27-foot{text-align:center;color:#8e9aab;padding:4px 10px 12px;font-size:9px}.a27 [hidden]{display:none!important}.a27-fallback{z-index:10000!important;border-radius:0!important;width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important;overflow:auto!important}.a27:fullscreen{background:#050a14;flex-direction:column;justify-content:center;display:flex}.a27:fullscreen .a27-world{aspect-ratio:1120/650;max-height:67dvh}.a27-error{color:#ffb69e;text-align:center;white-space:pre-line;padding:0 15px;font-size:12px}.a27-watch{background:#101c2b;justify-content:center;gap:8px;padding:7px 9px;display:flex}.a27-watch label{align-items:center;gap:7px;font-size:10px;display:flex}.a27-watch select,.a27-watch button{min-height:32px;padding:5px 7px;font-size:10px}.a27-reminder{z-index:10;text-align:center;background:#08111af5;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.preview-document{color:#eceff5;background:#080e1d;flex-direction:column;height:100dvh;margin:0;font-family:system-ui,sans-serif;display:flex;overflow:hidden}.preview-label{text-align:center;color:#bec8d7;flex:none;padding:5px 4px;font-size:8px}[data-reel-preview]{flex:1;justify-content:center;align-items:center;min-height:0;padding:3px;display:flex}[data-reel-preview] .a27{border-radius:12px;max-width:min(100%,172dvh - 318.2px)}[data-reel-preview] .a27-top{padding:7px 12px}[data-reel-preview] .a27-top strong{font-size:11px}[data-reel-preview] .a27-top small{font-size:8px}[data-reel-preview] .a27-status{min-height:26px;padding:5px;font-size:10px}[data-reel-preview] .a27-progress{gap:3px;padding:5px 10px}[data-reel-preview] .a27-chapter{padding:3px 1px;font-size:7px}.a27-preview .a27-story{display:none}@media (width<=650px){.a27-world{aspect-ratio:860/780}.a27-top{padding:10px 12px}.a27-top strong{font-size:12px}.a27-top small{font-size:8px}.a27-story{max-width:190px;font-size:10px;top:12px;bottom:auto;left:140px}.a27-controls{gap:7px;padding:9px 7px}.a27-controls button,.a27-controls select{min-width:0;padding:8px;font-size:11px}.a27 .a27-spin{min-width:112px;font-size:14px}.a27-progress{gap:3px;padding:8px}.a27-chapter{font-size:7px}.a27-status{font-size:11px}.a27-tools{gap:4px;padding-bottom:8px}.a27-tools button{padding:6px 8px;font-size:9px}.a27-choice{padding:12px}.a27-rules{padding:14px}.a27:fullscreen .a27-world{aspect-ratio:860/780;max-height:none}[data-reel-preview] .a27{max-width:min(100%,110dvh - 110px)}[data-reel-preview] .a27-top,[data-reel-preview] .a27-progress{display:none}.a27-watch{gap:4px}.a27-watch select{max-width:160px}.a27-watch label{font-size:9px}}@media (prefers-reduced-motion:reduce){.a27 *{scroll-behavior:auto!important;transition:none!important}}.a27:is(:fullscreen,.a27-fallback){flex-direction:column;justify-content:center;display:flex;overflow:auto}.a27:is(:fullscreen,.a27-fallback)>*{flex-shrink:0}.a27:is(:fullscreen,.a27-fallback) .a27-world{aspect-ratio:1120/650;flex:none;align-self:center;width:min(100%,max(240px,172.308dvh - 585.847px));max-height:none}@media (width<=650px){.a27:is(:fullscreen,.a27-fallback) .a27-world{aspect-ratio:860/780;width:min(100%,max(240px,110.256dvh - 374.87px))}}@media (height<=550px) and (width>=651px){.a27:is(:fullscreen,.a27-fallback) .a27-progress,.a27:is(:fullscreen,.a27-fallback) .a27-foot{display:none}.a27:is(:fullscreen,.a27-fallback) .a27-top{padding:6px 12px}.a27:is(:fullscreen,.a27-fallback) .a27-status{min-height:24px;padding:5px}.a27:is(:fullscreen,.a27-fallback) .a27-controls{padding:5px}.a27:is(:fullscreen,.a27-fallback) .a27-tools{padding-bottom:5px}.a27:is(:fullscreen,.a27-fallback) .a27-world{width:min(100%,max(240px,172.308dvh - 344.616px))}}.game-player-shell{width:min(1440px,100% - 40px);margin:32px auto 70px}.game-player-title{justify-content:space-between;align-items:center;gap:20px;padding:15px 0 24px;display:flex}.game-player-title h1{margin:0;font-size:clamp(23px,3vw,40px)}.game-player-shell [data-game-player]{min-height:380px}.player-boundary{text-align:center;color:#babbd5;padding:24px 12px;font-size:12px}.guest-gate{max-width:580px;margin:25px auto}.guest-gate .checkbox-row{margin:20px 0}@media (width<=600px){.game-player-shell{width:calc(100% - 16px);margin-top:16px}.game-player-title{align-items:flex-start;padding:12px 4px}.game-player-title .text-link{font-size:11px}.game-player-shell [data-game-player]{min-height:280px}}.px24{border:3px solid var(--accent);box-shadow:0 0 0 6px #121a29,0 0 30px color-mix(in srgb,var(--accent),transparent 80%);background:#080f20;border-radius:5px;font-family:ui-monospace,monospace}.px24 button,.px24 select{border-radius:2px;font-family:ui-monospace,monospace;box-shadow:inset 0 -3px #0005}.px24 .a27-top{border-bottom:2px solid var(--accent);background:#10192a}.px24 .a27-top small{letter-spacing:.12em}.px24 .a27-top strong{font-family:ui-monospace,monospace}.px24-screen{aspect-ratio:5/3;width:100%;overflow:hidden}.px24 canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.px24 .a27-status{color:var(--accent);border-block:1px solid var(--accent);background:#142138;font-family:ui-monospace,monospace}.px24-meter{color:var(--second);background:#0a1120;justify-content:space-between;gap:10px;padding:9px 18px;font-size:10px;display:flex}.px24 .a27-spin{background:var(--accent);color:#07131d;border-radius:2px;font-family:ui-monospace,monospace}.px24 .a27-tools{padding-top:5px}.px24:is(:fullscreen,.a27-fallback) .px24-screen{aspect-ratio:5/3;flex:none;align-self:center;width:min(100%,max(260px,166.667dvh - 583.335px))}[data-reel-preview] .px24{max-width:min(100%,166.667dvh - 233.334px)}[data-reel-preview] .px24 .a27-top{padding:8px 12px}@media (width<=650px){.px24 .a27-top{align-items:flex-start;gap:6px}.px24 .a27-top strong{font-size:10px}.px24 .a27-top small{font-size:7px}.px24 .a27-top>div:first-child{max-width:70%}.px24 .a27-status{font-size:10px}.px24-meter{padding-inline:8px;font-size:8px}.px24 .a27-controls{gap:5px}.px24 .a27-tools button{padding:7px;font-size:9px}.px24:is(:fullscreen,.a27-fallback) .px24-screen{width:min(100%,max(250px,166.667dvh - 600.001px))}[data-reel-preview] .px24{max-width:100%}[data-reel-preview] .px24 .a27-top{display:flex}.px24 .a27-watch{flex-wrap:wrap}.px24 .a27-watch select{max-width:185px}}