:root{--start-document-width:1920;--start-document-height:2160;color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;background:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body,#app{background:#000;width:100%;min-height:100%;margin:0;overflow:hidden auto}button{font:inherit;color:inherit}.game-root{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;width:100%;min-height:200svh;display:block;position:relative}.upper-panel-section,.start-guide-section{width:100%;min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.2rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(circle at 50% 20%,#ffffff1c,#0000 34%),linear-gradient(#111 0%,#020202 100%);place-items:center;display:grid}.upper-panel-host{pointer-events:auto;gap:.85rem;width:min(94vw,980px);display:grid}.upper-panel-toolbar{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.upper-panel-toolbar-button{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0000006b;border:1px solid #ffffff3d;border-radius:999px;min-width:5.25rem;min-height:38px;padding:.48rem .78rem}.upper-panel-toolbar-button:active{background:#ffffff24;transform:translateY(1px)}.upper-panel-content{place-items:center;display:grid}.upper-panel-card{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c10d1;border:1px solid #ffffff3d;border-radius:24px;width:min(100%,880px);padding:clamp(1.15rem,3.4vw,2.55rem);box-shadow:0 24px 80px #00000094}.upper-panel-heading{letter-spacing:.04em;margin:0;font-size:clamp(1.8rem,4.6vw,4rem);line-height:1.05}.upper-panel-subheading{color:#ffffffd6;margin:.75rem 0 1.05rem;font-size:clamp(.98rem,1.9vw,1.32rem)}.upper-panel-image{object-fit:contain;background:#000;border-radius:18px;width:min(100%,680px);max-height:34svh;margin:0 auto 1rem;display:block}.upper-panel-body{color:#ffffffd6;text-align:left;gap:.68rem;max-width:44rem;margin:0 auto 1.1rem;font-size:clamp(.86rem,1.55vw,1.05rem);line-height:1.85;display:grid}.upper-panel-body p{margin:0}.upper-panel-primary-button{min-width:min(72vw,240px);min-height:48px;padding:.8rem 1.4rem;font-size:clamp(1rem,2vw,1.25rem)}.upper-panel-primary-button:disabled{cursor:default;opacity:.68}.upper-panel-note{color:#ffffff94;margin:.9rem 0 0;font-size:clamp(.72rem,1.3vw,.9rem);line-height:1.6}.upper-panel-list{margin:.25rem 0 0;padding-left:1.25rem}.upper-panel-blank-card{place-items:center;min-height:12rem;display:grid}.upper-panel-blank-text{color:#ffffff9e;margin:0;font-size:clamp(.86rem,1.55vw,1.05rem);line-height:1.7}.game-stage{width:100vw;min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;display:grid;position:relative}.game-canvas{background:radial-gradient(circle at 50% 42%,#ffffff14,#0000 28%),#111;width:min(100vw,177.778svh);height:min(100svh,56.25vw);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.scene-background-layer,.scene-media-layer,.highlight-layer,.hotspot-layer,.ui-layer{position:absolute;inset:0}.ui-layer{pointer-events:none}.ui-layer button,.message-box,.modal-overlay,.debug-panel{pointer-events:auto}.scene-background-image{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-image-fallback{color:#ffffffe6;text-align:center;background:linear-gradient(135deg,#ffffff0d 25%,#0000 25%) 0 0/32px 32px,linear-gradient(225deg,#ffffff0d 25%,#0000 25%) 0 0/32px 32px,#111;place-content:center;gap:.55rem;padding:2rem;display:grid;position:absolute;inset:0}.scene-image-fallback[hidden]{display:none}.scene-image-fallback span,.scene-image-fallback small{color:#ffffffb8;display:block}.scene-media-layer,.highlight-layer{pointer-events:none}.embedded-video-frame{background:#000;position:absolute;overflow:hidden}.embedded-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.highlight-image{object-fit:contain;width:100%;height:100%;animation:.3s ease-out highlightPulse;position:absolute;inset:0}.highlight-rect{border:2px solid #ffffffd9;border-radius:12px;animation:.3s ease-out highlightPulse;position:absolute;box-shadow:0 0 24px #ffffff80}.hotspot-layer,.hotspot-layer-disabled .hotspot-button{pointer-events:none}.hotspot-button{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;outline:none;margin:0;padding:0;position:absolute}.hotspot-button:active{background:0 0}.hotspot-label{color:#fff;white-space:nowrap;background:#000000bd;border-radius:999px;min-width:max-content;max-width:14rem;padding:.25rem .45rem;font-size:clamp(10px,1.3vw,13px);line-height:1.3;display:none;position:absolute;bottom:-.45rem;left:50%;translate:-50% 100%}.debug-hotspots .hotspot-button{background:#5cdbff26;border:2px solid #5cdbffe6}.debug-hotspots .hotspot-label{display:block}.back-button,.debug-toggle-button,.debug-clear-button,.modal-close-button,.primary-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0000008c;border:1px solid #ffffff47;border-radius:999px;min-height:40px;padding:.55rem .85rem}.back-button:active,.debug-toggle-button:active,.debug-clear-button:active,.modal-close-button:active,.primary-button:active{background:#ffffff29;transform:translateY(1px)}.back-button{z-index:15;position:absolute;bottom:1rem;right:1rem}.message-box{z-index:20;width:min(88%,960px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;background:0 0;border:none;border-radius:0;padding:0;position:absolute;bottom:7%;left:50%;translate:-50%}.message-text{color:#fff;text-align:left;letter-spacing:.04em;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 0 8px #000000e6;min-height:1.75rem;margin:0;font-size:clamp(18px,2.2vw,30px);font-weight:700;line-height:1.6}.modal-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000085;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.modal-overlay[hidden]{display:none}.modal-panel{background:#0e0e10f2;border:1px solid #ffffff3d;border-radius:22px;width:min(82%,780px);max-height:86%;overflow:auto;box-shadow:0 24px 80px #0009}.modal-header{background:#0e0e10e6;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font-size:clamp(18px,2.2vw,28px)}.modal-body{color:#ffffffdb;padding:0 1.1rem 1.2rem;font-size:clamp(13px,1.55vw,17px);line-height:1.75}.inspect-kind,.media-creator{color:#ffffffc2;background:#ffffff1a;border-radius:999px;margin:.4rem 0 .7rem;padding:.25rem .55rem;display:inline-flex}.inspect-image,.media-image,.media-body video{object-fit:contain;background:#000;border-radius:14px;width:100%;max-height:52vh;display:block}.media-body audio{width:100%}.primary-button{margin-top:.5rem}.transition-overlay{z-index:40;pointer-events:none;opacity:0;background:#000;transition:opacity .16s;position:absolute;inset:0}.transition-active{pointer-events:auto}.transition-visible{opacity:1}.debug-toggle-button{z-index:50;min-height:34px;padding:.35rem .65rem;font-size:12px;position:absolute;top:1rem;right:1rem}.debug-panel{z-index:50;color:#dcf8ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000c7;border:1px solid #5cdbff59;border-radius:16px;width:min(34rem,55%);max-height:70%;padding:.75rem;position:absolute;top:3.6rem;right:1rem;overflow:auto}.debug-panel[hidden]{display:none}.debug-panel pre{white-space:pre-wrap;margin:.7rem 0 0;font-size:11px;line-height:1.45}.title-screen{text-align:center;pointer-events:auto;width:min(92vw,860px)}.title-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c10d1;border:1px solid #ffffff3d;border-radius:24px;padding:clamp(1.3rem,4vw,3rem);box-shadow:0 24px 80px #00000094}.title-heading{letter-spacing:.04em;margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:1.05}.title-description{color:#ffffffd6;margin:.9rem 0 1.2rem;font-size:clamp(1rem,2vw,1.35rem)}.title-guide-body{color:#ffffffd6;text-align:left;gap:.72rem;max-width:42rem;margin:0 auto 1.2rem;font-size:clamp(.86rem,1.55vw,1.05rem);line-height:1.85;display:grid}.title-guide-body p{margin:0}.title-start-button{min-width:min(72vw,240px);min-height:48px;padding:.8rem 1.4rem;font-size:clamp(1rem,2vw,1.25rem)}.title-start-button:disabled{cursor:default;opacity:.68}.title-note{color:#ffffff94;margin:.9rem 0 0;font-size:clamp(.72rem,1.3vw,.9rem);line-height:1.6}.orientation-notice{display:none}@supports not (height:100svh){.game-root{min-height:200vh}.upper-panel-section,.start-guide-section,.game-stage{min-height:100vh}.game-canvas{width:min(100vw,177.778vh);height:min(100vh,56.25vw)}}@keyframes highlightPulse{0%{opacity:0;scale:.98}to{opacity:1;scale:1}}@media (orientation:portrait) and (width<=900px){.orientation-notice{z-index:100;color:#fff;text-align:center;background:#000;place-items:center;padding:2rem;font-size:1.1rem;display:grid;position:fixed;inset:0}}@media (height<=520px){.message-box{padding:.7rem .85rem .6rem;bottom:.55rem}.back-button{bottom:.6rem}}