@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";:root{--bg-color:#f2f9f1;--text-color:#3c4a3e;--card-bg:#fff;--card-hover:#e5f0e5;--accent:#5db075;--border-radius:20px}@media (prefers-color-scheme:dark){:root{--bg-color:#161816;--text-color:#e4e6e4;--card-bg:#242624;--card-hover:#2e302e;--accent:#4a915b}}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior-y:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100vw;max-width:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100dvh;margin:0;font-family:Jua,Segoe UI,sans-serif;display:flex}.game-body{touch-action:none;height:100dvh;overflow:hidden}#app{text-align:center;max-width:800px;margin:0 auto;padding:2rem}h1,h2{justify-content:center;align-items:center;gap:.3rem;line-height:1;display:flex}header h1{color:var(--accent);text-shadow:2px 2px #d4e8d6,4px 4px #5db07533;margin-bottom:.5rem;font-size:3.5rem}header p{color:#888;letter-spacing:.5px;word-wrap:break-word;word-break:keep-all;margin-bottom:2rem;font-size:1.2rem}.games-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1rem 0;display:grid}.nav a{justify-content:center;align-items:center;gap:.3rem;line-height:1;text-decoration:none;display:inline-flex}.game-card{background-color:var(--card-bg);border-radius:var(--border-radius);color:var(--text-color);border:4px solid var(--accent);box-shadow:0 8px 0 var(--accent);padding:1.5rem;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.game-card:hover{background-color:var(--card-hover);box-shadow:0 13px 0 var(--accent);transform:translateY(-5px)}.game-card:active{box-shadow:0 3px 0 var(--accent);transform:translateY(5px)}.game-card .emoji{justify-content:center;align-items:center;height:1.2em;margin-bottom:1rem;font-size:4rem;display:flex}.game-card h2{margin:0 0 .5rem;font-size:1.5rem}.game-card p{color:#ccc;margin:0;font-size:.9rem}footer{color:#666;margin-top:auto;padding:2rem 0;font-size:.9rem}#game-container{max-width:95vw!important;max-height:90dvh!important}#game-container canvas{border-radius:inherit;max-width:100%!important;height:auto!important}@media screen and (height<=700px){.nav{padding:.3rem 1rem}body>h1{margin:.2rem 0!important;font-size:1.4rem!important}body>h2{margin:0 0 .3rem!important;font-size:1rem!important}#game-container{max-height:calc(100dvh - 90px)!important}}@media screen and (height<=580px){.nav{padding:.15rem 1rem}body>h1{margin:.1rem 0!important;font-size:1.1rem!important}body>h2{margin:0 0 .15rem!important;font-size:.85rem!important}#game-container{max-height:calc(100dvh - 70px)!important}}img.fluent-emoji{vertical-align:middle;filter:drop-shadow(0 3px 4px #0003);-webkit-user-select:none;user-select:none;pointer-events:none;background:0 0;height:1.1em;margin:0;display:inline-block;transform:translateY(-.16em)}.game-card.locked{filter:grayscale()opacity(.6);pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.game-card.locked:after{content:"🔒";z-index:10;pointer-events:none;text-shadow:0 4px 10px #00000080;font-size:3.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (orientation:landscape) and (height<=500px){body:after{content:"📱 기기를 세로로 돌려주세요!";color:#fff;z-index:9999999;text-align:center;-webkit-backdrop-filter:blur(10px);background:#000000f2;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;position:fixed;inset:0}}.category-tabs{-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#fff6;border:none;border-radius:20px;flex-shrink:0;padding:10px 20px;font-family:Jua,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s cubic-bezier(.25,1,.5,1)}@media (prefers-color-scheme:dark){.tab-btn{background:#2a2c2a80}}.tab-btn.active{transform:scale(1.05);box-shadow:0 4px 6px #00000026;background:var(--accent)!important;color:#fff!important}.ripple-btn{position:relative;overflow:hidden}.ripple{pointer-events:none;background-color:#fff6;border-radius:50%;animation:.6s linear ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}@media screen and (width<=600px){html,body,.games-grid{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}#app{width:100%;padding:1rem .6rem}.games-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;padding:.5rem 0}.game-card{min-width:0;box-shadow:0 5px 0 var(--accent);border-width:2px;padding:1rem .5rem}.game-card:hover{box-shadow:0 8px 0 var(--accent);transform:translateY(-3px)}.game-card:active{box-shadow:0 2px 0 var(--accent);transform:translateY(3px)}.game-card h2{margin:.3rem 0;font-size:1.1rem;line-height:1.2}.game-card p{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.game-card .emoji{margin-bottom:.5rem;font-size:2.5rem}.category-tabs{gap:5px!important}.tab-btn{padding:8px 15px!important;font-size:1rem!important}}