.app-shell{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom));background:linear-gradient(#041a1d1f,#041a1db8),url(/assets/stall-bg.png) 50%/cover fixed;place-items:center;display:grid}.game-card{background:linear-gradient(#063032db,#2b190cd6);border:1px solid #ffe9bc47;border-radius:22px;grid-template-rows:auto auto 1fr auto auto;gap:10px;width:min(100%,430px);min-height:min(100dvh - 24px,920px);padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #0006}.game-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand img{filter:drop-shadow(0 8px 16px #00000047);border-radius:13px;flex:none;width:44px;height:44px}.brand h1{color:#ffe59a;letter-spacing:0;text-shadow:0 4px #4d2508cc,0 12px 26px #00000057;margin:0;font-size:clamp(24px,7vw,34px);font-weight:950;line-height:1}.brand p{color:#bfe7d9;margin:4px 0 0;font-size:12px;font-weight:820}.round-action,.footer-actions button,.result-panel button,.move-button,.drop-button{cursor:pointer;color:inherit;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;display:inline-flex}.round-action{color:#55270f;background:linear-gradient(#ffe09a,#e39a28);border-radius:50%;flex:none;width:46px;height:46px;box-shadow:inset 0 2px #ffffff6b,0 8px 16px #00000042}.hud{grid-template-columns:1fr 1fr 96px;gap:8px;display:grid}.stat,.next-box{color:#4b260f;background:linear-gradient(#fff1c7,#f4c87c);border:2px solid #77411552;border-radius:14px;min-height:72px;box-shadow:inset 0 2px #ffffff80,0 8px 16px #0000002e}.stat{flex-direction:column;justify-content:center;padding:9px 12px;display:flex}.stat span,.next-box span{color:#0a7568;font-size:12px;font-weight:900}.stat strong{letter-spacing:0;margin-top:4px;font-size:clamp(25px,7vw,36px);font-weight:950;line-height:1}.stat.red span,.stat.red strong{color:#b9352d}.next-box{grid-template-rows:auto 1fr;place-items:center;padding:7px;display:grid}.piece-preview{filter:drop-shadow(0 5px 7px #602a0952);background-repeat:no-repeat;background-size:400% 200%;width:58px;height:58px;display:block}.stage-wrap{background:linear-gradient(#f2c878,#c6813b);border-radius:20px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #ffefbef0,inset 0 -28px 36px #572b0d2e,0 16px 30px #00000047}.stage-wrap:after{content:"붕어빵";color:#4e270fd1;pointer-events:none;z-index:5;background:linear-gradient(#ffedbc4d,#ffedbcd9);place-items:center;height:46px;font-size:28px;font-weight:950;display:grid;position:absolute;bottom:0;left:0;right:0}.game-canvas{aspect-ratio:380/560;width:100%;min-height:0}.game-canvas canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.stage-status{z-index:8;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:10px;left:12px;right:12px}.stage-status span,.stage-status strong{color:#fff3cb;white-space:nowrap;background:#083a3ad6;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 8px 16px #0000002e}.stage-status strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.result-panel{z-index:12;text-align:center;background:linear-gradient(#073737f5,#3e1c0bf5);border:2px solid #ffeebfbf;border-radius:18px;padding:16px;position:absolute;inset:auto 18px 68px;box-shadow:0 18px 42px #0000005c}.result-panel span{color:#bfe7d9;font-size:13px;font-weight:900}.result-panel strong{color:#ffe79a;margin-top:4px;font-size:42px;font-weight:950;line-height:1;display:block}.result-panel p{color:#fff4cf;margin:8px 0 12px;font-size:13px;font-weight:760}.result-panel div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-panel button,.footer-actions button{color:#4c260e;background:linear-gradient(#ffe092,#e6a12d);border-radius:999px;gap:7px;min-height:42px;font-size:16px;font-weight:950;box-shadow:inset 0 2px #ffffff5c,0 8px 12px #00000038}.result-panel button:last-child,.footer-actions button:last-child{color:#fff5de;background:linear-gradient(#f2604d,#c92e26)}.control-deck{grid-template-columns:74px 1fr 74px;gap:10px;display:grid}.move-button,.drop-button{border-radius:20px;min-height:64px;box-shadow:inset 0 3px #ffffff52,0 12px 22px #00000047}.move-button{color:#4b260f;background:linear-gradient(#f4d091,#aa6930)}.drop-button{color:#fff9df;text-shadow:0 2px #0000003d;background:linear-gradient(#12aa9b,#047669);font-size:31px;font-weight:950}.footer-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.footer-actions button{min-height:52px}.toast{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:30;color:#fff2d1;text-align:center;background:#073737f5;border-radius:999px;min-width:min(320px,100vw - 32px);padding:12px 16px;font-size:14px;font-weight:900;position:fixed;transform:translate(-50%);box-shadow:0 18px 42px #00000057}.toast.success{background:#00705ef5}.toast.danger{background:#9f2f25f5}@media (width>=760px){.app-shell{padding:28px}.game-card{width:min(100%,490px);padding:18px}}@media (height<=760px){.game-card{gap:7px;padding:10px}.brand img{width:38px;height:38px}.hud{grid-template-columns:1fr 1fr 82px}.stat,.next-box{min-height:60px}.piece-preview{width:48px;height:48px}.move-button,.drop-button{min-height:54px}.footer-actions button{min-height:46px}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#fff6db;-webkit-font-smoothing:antialiased;background:#062f31;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow-x:hidden}button{font:inherit}