:root{color:#f7efe2;background:#111924;font-family:ui-rounded,SF Pro Rounded,PingFang TC,Noto Sans TC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(120,177,205,.32),transparent 36%),linear-gradient(180deg,#121a25,#0c1119)}.game-shell canvas{display:block}.hud-layer{pointer-events:none;position:fixed;inset:0;z-index:5;padding:max(14px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom))}.poster-badge{position:absolute;left:16px;top:max(12px,env(safe-area-inset-top));max-width:min(360px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(245,225,180,.32);border-radius:10px;color:#f8e7c4;background:linear-gradient(135deg,#0e141fcc,#2f374380);box-shadow:0 18px 42px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.poster-badge span,.kicker{display:block;color:#d9c38f;font-size:10px;font-weight:950;letter-spacing:.16em}.poster-badge strong{display:block;margin-top:2px;font-size:20px;letter-spacing:.02em}.top-hud{pointer-events:auto;position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;display:grid;grid-template-columns:repeat(2,minmax(132px,1fr));gap:8px;width:min(410px,calc(100vw - 32px))}.meter-card,.timer-card,.context-card,.glass-chip,.weather-chip,.cat-bubble{border:1px solid rgba(238,223,188,.28);background:#0d141ead;box-shadow:0 14px 34px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.meter-card{padding:9px 10px;border-radius:10px}.meter-label{display:flex;justify-content:space-between;gap:8px;color:#fff6e1d1;font-size:12px;font-weight:900}.meter-label b{color:#f8e7c4}.meter-track{height:8px;margin-top:7px;overflow:hidden;border-radius:999px;background:#ffffff1f}.meter-track i{display:block;height:100%;border-radius:inherit;transition:width .24s ease}.timer-card{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;font-weight:950}.timer-card span{color:#fff6e1b8}.timer-card strong{color:#f8e7c4;font-size:22px}.weather-chip{position:absolute;left:16px;top:max(112px,calc(env(safe-area-inset-top) + 102px));display:grid;gap:1px;min-width:148px;padding:9px 12px;border-radius:999px}.weather-chip b,.weather-chip span{display:block}.weather-chip b{color:#f8e7c4;font-size:13px;font-weight:950}.weather-chip span{color:#fff6e1a3;font-size:10px;font-weight:850}.cat-bubble{position:absolute;left:16px;bottom:104px;max-width:min(300px,calc(100vw - 32px));padding:10px 12px;border-radius:16px;color:#fff6e1c7;font-size:12px;font-weight:900}.context-card{position:absolute;left:50%;bottom:116px;width:min(560px,calc(100vw - 28px));transform:translate(-50%);padding:10px 14px;border-radius:999px;color:#fff6e1db;font-size:12px;font-weight:850;text-align:center}.bottom-controls{pointer-events:auto;position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:flex;width:min(880px,calc(100vw - 24px));transform:translate(-50%);align-items:center;justify-content:center;gap:10px}.move-buttons{display:flex;gap:8px}.move-buttons button,.drink-button,.mode,.poster-toggle{border:1px solid rgba(245,225,180,.36);color:#f8e7c4;background:#0d141ec2;box-shadow:0 10px 26px #00000047;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.move-buttons button{width:52px;height:52px;border-radius:999px;font-size:26px;font-weight:950}.mode-switcher{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:8px;flex:1;max-width:520px}.mode{min-height:54px;padding:8px 10px;border-radius:12px;text-align:left}.mode span{display:inline-grid;width:20px;height:20px;margin-right:6px;place-items:center;border-radius:999px;color:#101722;background:#f8e7c4;font-size:11px;font-weight:950}.mode strong,.mode small{display:block}.mode strong{margin-top:2px;font-size:13px}.mode small{margin-top:2px;color:#fff6e18f;font-size:10px;font-weight:850}.mode.active{border-color:#f9d484e0;background:linear-gradient(135deg,#714d29db,#222d39d1)}.drink-button{min-height:52px;min-width:104px;border-radius:999px;background:linear-gradient(135deg,#f5d68c,#5a6f7e);color:#111924;font-weight:950}.poster-toggle{min-height:52px;min-width:104px;padding:0 16px;border-radius:999px;font-weight:950}.move-buttons button:active,.mode:active,.drink-button:active{transform:translateY(2px) scale(.98)}.glass-chip{position:absolute;right:16px;bottom:104px;padding:8px 12px;border-radius:999px;color:#fff6e1c7;font-size:12px;font-weight:900}.poster-caption{position:absolute;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));width:min(620px,calc(100vw - 32px));transform:translate(-50%);padding:14px 18px;border-left:3px solid #f8dd96;color:#fff0ca;background:linear-gradient(90deg,#080c12c7,#080c1229);text-shadow:0 3px 16px rgba(0,0,0,.7)}.poster-caption span,.poster-caption strong{display:block}.poster-caption span{color:#d9c38f;font-size:10px;font-weight:950;letter-spacing:.16em}.poster-caption strong{margin-top:4px;font-size:clamp(20px,4vw,34px);line-height:1.12}.poster-mode .top-hud,.poster-mode .context-card,.poster-mode .glass-chip,.poster-mode .cat-bubble,.poster-mode .weather-chip,.poster-mode .move-buttons,.poster-mode .mode-switcher,.poster-mode .drink-button{opacity:0;pointer-events:none}.poster-mode .bottom-controls{justify-content:flex-end}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 30%,rgba(138,170,178,.22),transparent 42%),linear-gradient(180deg,#080c122e,#080c12b8)}.start-copy,.result-card{width:min(620px,92vw);border:1px solid rgba(245,225,180,.34);border-radius:18px;background:linear-gradient(135deg,#0e141fdb,#2d3743b8);box-shadow:0 30px 90px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.start-copy{padding:30px;text-align:center}.start-copy h1{margin:8px 0 10px;color:#fff0ca;font-size:clamp(38px,8vw,78px);line-height:.95;letter-spacing:.02em}.start-copy p{margin:0 0 22px;color:#fff6e1b8;font-size:17px;font-weight:850}.start-copy button,.result-card button{border:0;border-radius:999px;padding:14px 22px;color:#111924;background:linear-gradient(135deg,#f8dd96,#92d7e9);box-shadow:0 12px 28px #00000047;cursor:pointer;font-weight:950}.result-card{padding:24px}.result-card h2{margin:8px 0 18px;color:#fff0ca;font-size:clamp(32px,7vw,58px);line-height:.95}.result-card p{color:#fff6e1bd;font-weight:800}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.result-grid div{padding:14px;border:1px solid rgba(245,225,180,.2);border-radius:12px;background:#ffffff0f}.result-grid span,.result-grid strong{display:block}.result-grid span{color:#fff6e19e;font-size:12px;font-weight:850}.result-grid strong{margin-top:4px;color:#f8e7c4;font-size:28px}@media(orientation:portrait){.poster-badge{max-width:calc(100vw - 32px)}.top-hud{top:92px;left:14px;right:14px;width:auto}.bottom-controls{align-items:end;gap:8px}.mode-switcher{grid-template-columns:1fr;max-width:166px}.mode{min-height:48px;padding:7px 9px}.mode small{display:none}.context-card{bottom:236px;border-radius:14px}.glass-chip{right:14px;bottom:216px}.weather-chip{left:14px;top:302px;min-width:124px;padding:8px 10px}.cat-bubble{left:14px;bottom:288px;max-width:min(250px,calc(100vw - 28px));padding:8px 10px;font-size:11px}.drink-button{position:absolute;right:0;bottom:72px}.poster-toggle{position:absolute;right:0;bottom:300px;min-height:46px;min-width:96px}.move-buttons{flex-direction:column}}@media(max-width:700px){.poster-badge strong{font-size:17px}.top-hud{grid-template-columns:1fr 1fr}.meter-card{padding:8px}.meter-label{font-size:11px}}