:root{color-scheme:dark;--g-bg: #0b0d12;--g-surface: rgba(255, 255, 255, .045);--g-surface-strong: rgba(255, 255, 255, .09);--g-border: rgba(255, 255, 255, .1);--g-fg: #eef1f7;--g-muted: #97a1b5;--g-accent: #7aa2ff;--g-radius: 14px;--g-radius-lg: 22px;--g-shadow: 0 18px 44px rgba(0, 0, 0, .5);--shell-bg: rgba(12, 14, 20, .72);--shell-fg: #eef1f7;--shell-muted: #8b94a8;--shell-border: rgba(255, 255, 255, .09);--shell-accent: var(--g-accent);--shell-height: 56px}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}.center-scroll{justify-content:flex-start}.center-scroll>:first-child{margin-top:auto}.center-scroll>:last-child{margin-bottom:auto}html,body{height:100%}body{margin:0;background:var(--g-bg);color:var(--g-fg);font-family:Pretendard,system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible,.focus-ring:focus-visible{outline:2px solid var(--shell-accent);outline-offset:2px;border-radius:8px}.shell-bar{display:flex;align-items:center;gap:10px;height:var(--shell-height);padding:0 10px;background:var(--shell-bg);border-bottom:1px solid var(--shell-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--shell-fg);position:relative;z-index:20;flex-shrink:0}.shell-back{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 12px;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--shell-muted);background:transparent;transition:background .14s,color .14s;white-space:nowrap}.shell-title{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:8px}.shell-title h1{margin:0;display:inline-flex;align-items:center;gap:7px;font-size:.98rem;font-weight:800;letter-spacing:.06em;white-space:nowrap}.shell-mark{border-radius:6px;flex-shrink:0}.shell-sub{font-size:.62rem;letter-spacing:.18em;color:var(--shell-muted);white-space:nowrap}@media(max-width:480px){.shell-sub{display:none}}.shell-actions{display:flex;align-items:center;gap:6px}.shell-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--shell-muted);transition:background .14s,color .14s}.shell-btn[aria-pressed=true]{color:var(--shell-accent)}@keyframes g-fade-in{0%{opacity:0}to{opacity:1}}@keyframes g-pop-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in{animation:g-fade-in .16s ease-out}.pop-in{animation:g-pop-in .2s cubic-bezier(.34,1.4,.64,1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:#06080cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tut-box{width:100%;max-width:460px;max-height:min(86dvh,720px);display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--g-radius-lg);background:#151a24;border:1px solid var(--g-border);box-shadow:var(--g-shadow);color:#eef1f7}.tut-head{display:flex;gap:12px;align-items:flex-start}.tut-head h2{margin:0;font-size:1.05rem;font-weight:800}.tut-head p{margin:5px 0 0;font-size:.8rem;color:#a9b3c6;line-height:1.5}.tut-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:1.3rem;background:#ffffff12;border:1px solid var(--g-border);flex-shrink:0}.tut-close{margin-left:auto;width:30px;height:30px;border-radius:8px;color:#8b94a8;flex-shrink:0}.tut-lore{margin:0;padding:12px 14px;border-left:3px solid var(--tut-accent, var(--g-accent));border-radius:0 10px 10px 0;background:#ffffff0a;display:flex;flex-direction:column;gap:3px;font-size:.82rem;line-height:1.7;color:#b6bfd0;font-style:italic}.tut-body{overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px}.tut-section h3{margin:0 0 6px;font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--tut-accent, var(--g-accent));text-transform:uppercase}.tut-section ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.tut-section li{font-size:.83rem;line-height:1.55;color:#cfd6e4}.tut-keys{width:100%;border-collapse:collapse}.tut-keys th{text-align:left;padding:3px 10px 3px 0;width:34%;vertical-align:top}.tut-keys td{font-size:.82rem;color:#cfd6e4;padding:3px 0;line-height:1.5}kbd{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700;color:#eef1f7;background:#ffffff14;border:1px solid var(--g-border);border-bottom-width:2px;border-radius:6px;padding:2px 7px}.tut-tip{margin:0;font-size:.78rem;line-height:1.55;color:#a9b3c6;background:#ffffff0b;border:1px solid var(--g-border);border-radius:10px;padding:10px 12px}.tut-start{padding:12px;border-radius:12px;font-size:.92rem;font-weight:800;color:#0d1117;background:var(--tut-accent, var(--g-accent))}.game-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.game-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media(hover:hover)and (pointer:fine){.shell-back:hover,.shell-btn:hover{color:var(--shell-fg);background:#7f7f7f24}.tut-close:hover{background:#ffffff14;color:#eef1f7}.tut-start:hover{filter:brightness(1.08)}}.daily-bar{display:flex;align-items:center;gap:8px;flex-shrink:0}.daily-modes{display:flex;gap:4px}.daily-modes button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--g-border);background:var(--g-surface);color:var(--g-muted);font-size:.74rem;font-weight:700;white-space:nowrap}.daily-modes button[aria-pressed=true]{background:var(--shell-accent);border-color:var(--shell-accent);color:#0b0d12}.daily-streak{margin-left:auto;display:flex;gap:8px;align-items:baseline;font-size:.72rem;color:var(--g-muted);white-space:nowrap}.daily-streak strong{color:var(--shell-accent);font-size:.86rem}