.site-footer{padding:20px 16px max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);background:var(--surface);color:var(--text);text-align:center}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:4px 12px;display:flex}.site-footer a{text-underline-offset:4px;border-radius:6px;align-items:center;min-width:44px;min-height:44px;padding:8px;text-decoration:underline;display:inline-flex}.site-footer a:hover{background:var(--surface-2)}.site-footer a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.site-footer p{margin:12px 0 0;font-size:.875rem}body:has(.play [aria-modal=true]) .site-footer{visibility:hidden}
:root{--bg:#fdfaf6;--bg-pattern:radial-gradient(#e8dfd5 2px, transparent 2px);--surface:#fff;--surface-2:#f2ebe1;--surface-3:#e6dace;--text:#2c2533;--muted:#6e6475;--line:#e6d7c9;--line-strong:#d1c1b2;--primary:#ff5c4d;--primary-hover:#ff4330;--primary-solid:#c22d1c;--primary-ink:#c22d1c;--edge:#8f7f70;--focus-ring:#1b1522;--focus-gap:#fff;--shadow-sm:0 2px 8px #28140a0a;--shadow-md:0 8px 24px #28140a14;--shadow-lg:0 16px 40px #28140a1f;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--radius-pill:999px;--font:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--transition-fast:.15s cubic-bezier(.2, 0, 0, 1);--transition-bounce:.3s cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme:dark){:root{--bg:#16131c;--bg-pattern:radial-gradient(#2a2436 2px, transparent 2px);--surface:#221d2b;--surface-2:#2e283b;--surface-3:#3b334a;--text:#f4f0f8;--muted:#a79cb8;--line:#383047;--line-strong:#4f4363;--primary:#ff7566;--primary-hover:#ff8c7f;--primary-solid:#c22d1c;--primary-ink:#ff7566;--edge:#8b7fa8;--focus-ring:#fff;--focus-gap:#000;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #0000008c}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg);background-image:var(--bg-pattern);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background-position:0 0;background-size:28px 28px;min-height:100dvh;margin:0;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a,button,input{touch-action:manipulation}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-gap)}:focus:not(:focus-visible){outline:none}.game-host:focus{box-shadow:none;outline:none}.skip-link{z-index:200;border-radius:var(--radius-pill);background:var(--text);color:var(--bg);padding:12px 20px;font-weight:900;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card,.daily-pill,.play{--accent-ink:var(--accent-ink-light,var(--primary-ink))}@media (prefers-color-scheme:dark){.card,.daily-pill,.play{--accent-ink:var(--accent-ink-dark,var(--primary-ink))}}.container{width:100%;max-width:1080px;margin:0 auto;padding:12px 16px 80px}.site-header{z-index:50;padding:12px 20px;padding-top:max(12px, env(safe-area-inset-top));background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--line);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;color:var(--text);min-height:44px;transition:transform var(--transition-bounce);align-items:center;gap:12px;font-size:1.3rem;font-weight:900;display:inline-flex}.brand:hover{transform:scale(1.05)rotate(-2deg)}.brand:active{transform:scale(.95)}.brand-dot{background:linear-gradient(135deg, var(--primary), #ffb347);width:18px;height:18px;box-shadow:0 4px 10px color-mix(in srgb, var(--primary) 30%, transparent);border-radius:6px;animation:6s ease-in-out 3 alternate float-rotate;transform:rotate(15deg)}.site-header nav{align-items:center;gap:8px;display:flex}.site-header nav a{border-radius:var(--radius-pill);min-width:44px;min-height:44px;color:var(--muted);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0 16px;font-size:.95rem;font-weight:800;display:inline-flex}.site-header nav a:hover{background:var(--surface-2);color:var(--text);transform:translateY(-2px)}.site-header nav a:active{transform:translateY(1px)}.hero{text-align:center;border-radius:var(--radius-lg);margin-bottom:24px;padding:60px 24px 40px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--primary) 12%, transparent) 0%, transparent 50%), radial-gradient(circle at 80% 100%, #ffb3471f 0%, transparent 50%);z-index:0;pointer-events:none;position:absolute;inset:0}.hero:after{content:"";clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);z-index:0;pointer-events:none;background:linear-gradient(135deg,gold,#ff8c00);width:40px;height:40px;animation:4s cubic-bezier(.34,1.56,.64,1) 3 alternate pop-spin;position:absolute;top:40px;right:15%}@keyframes pop-spin{0%{transform:scale(.8)rotate(0)}to{transform:scale(1.1)rotate(20deg)}}@keyframes float-rotate{0%{transform:rotate(15deg)translateY(0)}to{transform:rotate(45deg)translateY(-8px)}}.hero h1,.page-title{z-index:1;letter-spacing:-.05em;color:var(--text);background:linear-gradient(135deg, var(--text) 55%, var(--primary-ink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(2.4rem,8vw,3.8rem);font-weight:900;line-height:1.1;position:relative}.page-title{margin:16px 0 8px;font-size:clamp(2rem,6vw,2.8rem)}.hero p{z-index:1;color:var(--muted);max-width:500px;margin:16px auto 0;font-size:clamp(1.05rem,4vw,1.25rem);font-weight:600;position:relative}.hero-chips{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex;position:relative}.hero-chips li{border-radius:var(--radius-pill);background:var(--surface);border:2px solid var(--line-strong);box-shadow:0 3px 0 var(--line-strong);color:var(--text);padding:8px 16px;font-size:.9rem;font-weight:800}.section{margin-top:48px}.section h2,.sub-title{letter-spacing:-.04em;color:var(--text);align-items:center;gap:8px;margin:0 0 8px;font-size:clamp(1.4rem,5vw,1.8rem);font-weight:900;display:flex}.section h2:before{content:"";background:var(--primary);border-radius:6px;width:12px;height:24px;display:inline-block;transform:skew(-10deg)}.section-sub{color:var(--muted);margin:0 0 20px;font-size:1rem;font-weight:600}.daily-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;margin:0 -10px;padding:10px 10px 22px;display:flex;overflow-x:auto}.daily-row::-webkit-scrollbar{display:none}.daily-pill{border-radius:var(--radius-pill);background:linear-gradient(to bottom, var(--surface), var(--surface-2));border:2px solid var(--accent,var(--primary));min-height:56px;color:var(--text);box-shadow:0 6px 0 var(--accent,var(--primary)), var(--shadow-sm);flex:none;align-items:center;gap:12px;padding:0 24px;font-size:1.05rem;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-flex}.daily-pill:hover{box-shadow:0 8px 0 var(--accent,var(--primary)), var(--shadow-md);background:var(--surface);transform:translateY(-2px)}.daily-pill:active{box-shadow:0 2px 0 var(--accent,var(--primary)), 0 0 0 transparent;transform:translateY(4px)}.daily-pill .dot{background:var(--accent,var(--primary));width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent,var(--primary)) 20%, transparent);border-radius:50%;animation:2s ease-in-out 3 pulse-dot}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.filters{flex-wrap:wrap;gap:10px;margin:16px 0 24px;display:flex}.filter{border-radius:var(--radius-pill);border:2px solid var(--edge);background:var(--surface);min-height:44px;color:var(--muted);box-shadow:0 3px 0 var(--line-strong);padding:0 20px;font-size:.95rem;font-weight:800;transition:transform .1s,box-shadow .1s,background-color .1s,color .1s,border-color .1s}.filter:hover{background:var(--surface-2);color:var(--text);box-shadow:0 4px 0 var(--line-strong);transform:translateY(-1px)}.filter:active{transform:translateY(3px);box-shadow:0 0 #0000}.filter.on{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:0 3px 0 color-mix(in srgb, var(--text) 50%, black)}.filter.on:active{box-shadow:0 0 #0000}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.card{background:var(--surface);border-radius:var(--radius-lg);border:2px solid var(--line-strong);box-shadow:0 8px 0 var(--line-strong), var(--shadow-sm);text-align:left;flex-direction:column;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}a.card:hover{box-shadow:0 12px 0 var(--line-strong), var(--shadow-md);border-color:var(--accent,var(--primary));transform:translateY(-4px)}a.card:active{box-shadow:0 2px 0 var(--line-strong), 0 0 0 transparent;transform:translateY(6px)}.card.disabled{opacity:.7;filter:grayscale(.5);cursor:not-allowed;box-shadow:0 4px 0 var(--line-strong);transform:translateY(4px)}.card-art{background:linear-gradient(145deg, var(--accent,var(--primary)) 30%, var(--accent-deep,var(--primary-solid)) 130%);border-bottom:2px solid var(--line-strong);justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.card-art[data-cat=memory]:before{background-image:linear-gradient(45deg,#ffffff38 25%,#0000 25% 75%,#ffffff38 75%),linear-gradient(45deg,#ffffff38 25%,#0000 25% 75%,#ffffff38 75%);background-position:0 0,18px 18px;background-size:36px 36px}.card-art[data-cat=puzzle]:before{background-image:linear-gradient(#ffffff47 2px,#0000 2px),linear-gradient(90deg,#ffffff47 2px,#0000 2px);background-size:28px 28px}.card-art[data-cat=arcade]:before{background-image:repeating-linear-gradient(-45deg,#ffffff38 0 10px,#0000 10px 24px);background-size:auto}.card-art[data-cat=word]:before{background-image:repeating-linear-gradient(0deg,#ffffff47 0 2px,#0000 2px 22px);background-size:auto}.card-art:before{content:"";opacity:.5;background-image:radial-gradient(#ffffff4d 2px,#0000 2px);background-size:20px 20px;position:absolute;inset:0}.blob{background:#ffffff40;border-radius:40% 60% 70% 30%/40% 50% 60%;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;box-shadow:inset 10px 10px 20px #fff3}.b1{width:140px;height:140px;top:-20px;right:-20px}.b2{width:100px;height:100px;bottom:-20px;left:-10px}@media (hover:hover) and (prefers-reduced-motion:no-preference){a.card:hover .b1{animation:3s ease-in-out 2 alternate blob-drift}a.card:hover .b2{animation:2.4s ease-in-out 2 alternate-reverse blob-drift}}@keyframes blob-drift{0%{transform:scale(1)rotate(0)}to{transform:scale(1.18)rotate(24deg)}}a.card:hover .b1{transform:scale(1.2)rotate(15deg)}a.card:hover .b2{transform:scale(1.3)rotate(-15deg)}.card-initial{color:#fff;width:96px;height:96px;box-shadow:0 8px 0 color-mix(in srgb, var(--accent-deep,var(--primary-solid)) 70%, black), 0 18px 28px #00000040, inset 0 2px 0 #ffffff80;text-shadow:0 3px 0 color-mix(in srgb, var(--accent-deep,var(--primary-solid)) 60%, black), 0 8px 14px #00000040;z-index:2;-webkit-user-select:none;user-select:none;transition:transform var(--transition-bounce), text-shadow var(--transition-bounce);background:linear-gradient(160deg,#ffffff52,#ffffff14);border:2px solid #ffffff8c;border-radius:28px;place-items:center;font-size:3.6rem;font-weight:900;line-height:1;display:grid;position:absolute;transform:rotate(-4deg)}a.card:hover .card-initial{transform:scale(1.08)translateY(-4px)rotate(2deg)}.card-body{background:var(--surface);flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.chip{background:color-mix(in srgb, var(--accent,var(--primary)) 12%, var(--surface-2));color:var(--accent-ink,var(--primary-ink));letter-spacing:-.02em;border:1px solid color-mix(in srgb, var(--accent,var(--primary)) 20%, transparent);border-radius:8px;padding:4px 12px;font-size:.8rem;font-weight:900}.card-meta .time{color:var(--muted);background:var(--surface-2);border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:800}.card-body h3{letter-spacing:-.04em;color:var(--text);margin:4px 0 0;font-size:1.4rem;font-weight:900;line-height:1.2}.card-body p{color:var(--muted);margin:0;font-size:.95rem;font-weight:600;line-height:1.4}.card-cta{color:var(--accent-ink,var(--primary-ink));transition:transform var(--transition-bounce), color var(--transition-fast);align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:1rem;font-weight:900;display:inline-flex}.card-cta:after{content:"→";transition:transform var(--transition-bounce)}a.card:hover .card-cta{color:var(--accent-ink,var(--primary-ink));text-underline-offset:4px;text-decoration:underline}a.card:hover .card-cta:after{transform:translate(6px)}.card-cta.soon{color:var(--muted)}.card-cta.soon:after{content:""}.btn{border-radius:var(--radius-pill);border:2px solid var(--edge);background:var(--surface);min-height:52px;color:var(--text);box-shadow:0 4px 0 var(--line-strong);justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:1.05rem;font-weight:900;transition:transform .1s,box-shadow .1s,background-color .1s;display:inline-flex}.btn:hover{background:var(--surface-2);box-shadow:0 6px 0 var(--line-strong);transform:translateY(-2px)}.btn:active{transform:translateY(4px);box-shadow:0 0 #0000}.btn.primary{background:var(--accent-deep,var(--primary-solid));border-color:color-mix(in srgb, var(--accent-deep,var(--primary-solid)) 75%, black);color:#fff;box-shadow:0 4px 0 color-mix(in srgb, var(--accent-deep,var(--primary-solid)) 75%, black)}.btn.primary:hover{background:color-mix(in srgb, var(--accent-deep,var(--primary-solid)) 92%, black);box-shadow:0 6px 0 color-mix(in srgb, var(--accent-deep,var(--primary-solid)) 75%, black);transform:translateY(-2px)}.btn.primary:active{transform:translateY(4px);box-shadow:0 0 #0000}.btn small{opacity:.9;background:#00000038;border-radius:6px;padding:2px 8px;font-size:.85em;font-weight:700}.icon-btn{border:2px solid var(--edge);background:var(--surface);width:48px;min-width:48px;height:48px;min-height:48px;color:var(--text);box-shadow:0 3px 0 var(--line-strong);border-radius:14px;justify-content:center;align-items:center;font-size:1.3rem;transition:transform .1s,box-shadow .1s,background-color .1s;display:inline-flex}.icon-btn:hover{background:var(--surface-2);box-shadow:0 5px 0 var(--line-strong);transform:translateY(-2px)}.icon-btn:active{transform:translateY(3px);box-shadow:0 0 #0000}.play{background:radial-gradient(circle at center -10%, color-mix(in srgb, var(--accent,var(--primary)) 15%, transparent) 0%, transparent 70%);flex-direction:column;height:max(100dvh - 70px,600px);display:flex}.play-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:800px;margin:0 auto;padding:16px 20px;display:flex}.play-title{letter-spacing:-.04em;text-align:center;color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 4px #0000000d;flex:1;font-size:1.4rem;font-weight:900;overflow:hidden}.play-tools{gap:10px;display:flex}.play-stage{flex-direction:column;flex:1;width:100%;max-width:800px;min-height:0;margin:0 auto;padding:0 16px 24px;display:flex;position:relative}.game-host{border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--line-strong);min-height:0;box-shadow:0 8px 0 var(--line-strong), var(--shadow-lg);touch-action:manipulation;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.game-fit{transform-origin:0 0;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;position:relative}.menu{text-align:center;background:var(--surface);border-radius:var(--radius-lg);border:2px solid var(--line-strong);width:100%;max-width:500px;box-shadow:0 12px 0 var(--line-strong), var(--shadow-md);margin:auto;padding:48px 24px;position:relative}.menu:before{content:"";background:var(--line-strong);border-radius:6px;width:60px;height:12px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.menu h1{letter-spacing:-.05em;color:var(--text);text-shadow:2px 2px 0 color-mix(in srgb, var(--accent,var(--primary)) 30%, transparent);margin:0;font-size:clamp(2.4rem,8vw,3.4rem);font-weight:900;line-height:1.1}.menu p{color:var(--muted);margin:16px 0 0;font-size:1.1rem;font-weight:700}.menu-sub{color:var(--primary-ink);background:color-mix(in srgb, var(--primary) 10%, var(--surface-2));border-radius:var(--radius-pill);margin-top:16px;padding:6px 16px;font-size:1rem;font-weight:800;display:inline-block}.menu-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;display:flex}.soon-note{color:var(--muted);background:var(--surface-2);border-radius:var(--radius-pill);border:2px dashed var(--line-strong);margin-top:32px;padding:12px 24px;font-weight:900;display:inline-block}.error{border-radius:var(--radius-md);background:color-mix(in srgb, #ff4d4f 15%, var(--surface));color:var(--text);border:2px solid #ff4d4f;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:16px 24px;font-weight:800;display:flex;box-shadow:0 6px #ff4d4f4d}.modal-back{z-index:100;-webkit-backdrop-filter:blur(8px);background:#140f1eb3;place-items:center;padding:16px;animation:.25s ease-out fade;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--line-strong);text-align:center;width:min(420px,100%);box-shadow:0 16px 0 var(--line-strong), 0 24px 60px #0006;padding:40px 24px;animation:.4s cubic-bezier(.34,1.56,.64,1) pop;position:relative}.modal:before{content:"★" / "";color:gold;text-shadow:0 4px #b8860b;font-size:48px;position:absolute;top:-24px;left:50%;transform:translate(-50%)rotate(-10deg)}.modal h2{letter-spacing:-.04em;color:var(--text);margin:20px 0 24px;font-size:2.2rem;font-weight:900}.result-stats{border-radius:var(--radius-md);background:var(--surface-2);border:2px solid var(--line-strong);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:16px;margin:0 0 28px;padding:20px;display:grid;box-shadow:inset 0 4px 8px #0000000d}.result-stats div{flex-direction:column-reverse;align-items:center;display:flex}.result-stats dt{color:var(--muted);margin-top:6px;font-size:.9rem;font-weight:800}.result-stats dd{color:var(--text);text-shadow:1px 1px 0 var(--surface);margin:0;font-size:2.2rem;font-weight:900;line-height:1}.share-note{min-height:1.5em;color:var(--primary-ink);margin:16px 0 0;font-size:1rem;font-weight:800}.stat-row{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 16px;display:grid}.stat{border-radius:var(--radius-md);background:var(--surface);border:2px solid var(--line-strong);box-shadow:0 6px 0 var(--line-strong);text-align:center;flex-direction:column;gap:6px;padding:20px;transition:transform .1s,box-shadow .1s;display:flex}.stat:hover{box-shadow:0 8px 0 var(--line-strong);transform:translateY(-2px)}.stat span{color:var(--muted);font-size:.9rem;font-weight:800}.stat strong{color:var(--primary-ink);letter-spacing:-.03em;font-size:clamp(1.6rem,5vw,2rem);font-weight:900}.best-list,.recent-list{border-radius:var(--radius-md);background:var(--surface);border:2px solid var(--line-strong);box-shadow:0 6px 0 var(--line-strong);margin:16px 0 32px;padding:0;list-style:none;overflow:hidden}.best-list li,.recent-list li{border-bottom:2px solid var(--line-strong);transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.best-list li:hover,.recent-list li:hover{background:var(--surface-2)}.best-list li:last-child,.recent-list li:last-child{border-bottom:0}.best-list li strong{color:var(--primary-ink);font-size:1.2rem;font-weight:900}.recent-list .r-title{color:var(--text);flex:1;font-size:1.1rem;font-weight:900}.recent-list .r-mode{color:var(--surface);background:var(--muted);border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:800}.empty{text-align:center;background:var(--surface);border-radius:var(--radius-lg);border:2px dashed var(--line-strong);margin-top:32px;padding:64px 20px}.empty-art{background:linear-gradient(145deg, #ffb347, var(--primary));color:#fff;width:88px;height:88px;box-shadow:0 6px 0 var(--primary-solid);border-radius:28px;place-items:center;margin:0 auto 20px;font-size:2.6rem;display:grid;transform:rotate(-6deg)}.empty .empty-sub{margin:-12px 0 24px;font-size:1rem;font-weight:600}.empty p{color:var(--muted);margin-bottom:24px;font-size:1.2rem;font-weight:800}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.hero h1,.page-title{-webkit-text-fill-color:currentColor;color:canvastext;background:0 0}.card,.btn,.icon-btn,.filter,.daily-pill{border:2px solid buttontext}:focus-visible{box-shadow:none;outline:3px solid highlight}}@media (max-width:480px){.container{padding-left:16px;padding-right:16px}.grid,.stat-row{grid-template-columns:1fr}.hero{padding:40px 16px 24px}.hero:after{width:30px;height:30px;top:20px;right:20px}.play-bar{padding:12px 16px}.play-stage{padding:0 12px 20px}.menu{padding:32px 16px}.menu h1{font-size:2.2rem}.modal{padding:32px 16px}.result-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px),(max-height:760px){body:has(.play) .site-header{display:none}.play{height:100dvh;min-height:0}.play-bar{padding:10px 14px}.play-title{font-size:1.15rem}.play-stage{min-height:0;padding:0 12px calc(14px + env(safe-area-inset-bottom))}.game-host{min-height:0;box-shadow:0 4px 0 var(--line-strong), var(--shadow-lg);overflow:hidden auto}}.daily-chip{min-height:36px;font:inherit;white-space:nowrap;color:var(--text);background:var(--surface);border:2px solid var(--line-strong);cursor:pointer;border-radius:999px;flex:none;align-items:center;padding:0 12px;font-size:.75rem;font-weight:800;display:inline-flex}.daily-chip.on{cursor:default;color:var(--accent-ink,var(--text));border-color:var(--accent,var(--line-strong))}@media (max-width:400px){.daily-chip{padding:0 8px;font-size:.6875rem}.play-title{min-width:0}}