:root{font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;color:#222035;background:#f5f4fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}.app{width:min(1120px,calc(100% - 40px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.header{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{padding:0;border:0;display:flex;align-items:center;gap:10px;color:inherit;background:transparent;font-size:1.15rem;font-weight:800;cursor:pointer}.brand-mark{width:38px;aspect-ratio:1;display:grid;place-items:center;border-radius:12px;color:#fff;background:#6d5dfc;box-shadow:0 8px 20px #6d5dfc47}.status{color:#777389;font-size:.875rem}main{flex:1}.hero{padding:clamp(70px,12vw,140px) 0 72px;text-align:center}.eyebrow{margin:0 0 18px;color:#6d5dfc;font-size:.75rem;font-weight:800;letter-spacing:.16em}h1{margin:0;font-size:clamp(2.25rem,6vw,4.6rem);line-height:1.16;letter-spacing:-.055em}h1 span{color:#6d5dfc}.hero-copy{margin:24px 0 0;color:#716d80;font-size:clamp(1rem,2vw,1.125rem)}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.menu-card{min-height:190px;padding:24px;border:1px solid rgb(34 32 53 / 8%);border-radius:24px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:inherit;background:#ffffffd1;box-shadow:0 12px 36px #3e346e12;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.menu-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px #3e346e21}.menu-card:disabled{cursor:default;opacity:.68}.menu-card:disabled:hover{transform:none;box-shadow:0 12px 36px #3e346e12}.menu-card:focus-visible{outline:3px solid rgb(109 93 252 / 35%);outline-offset:3px}.menu-icon{font-size:2rem}.menu-copy{margin-top:auto;display:grid;gap:7px}.menu-copy strong{font-size:1.15rem}.menu-label{display:flex;align-items:center;gap:8px}.menu-label em{padding:4px 7px;border-radius:999px;color:#7b748c;background:#eceaf4;font-size:.62rem;font-style:normal;font-weight:800}.is-ready .menu-label em{color:#fff;background:#6d5dfc}.menu-copy small{color:#7d798a}.arrow{margin-top:18px;color:#6d5dfc;font-weight:800}.menu-card:disabled .arrow{opacity:0}.game-page{width:min(820px,100%);margin:0 auto;padding:36px 0 24px}.back-button{padding:10px 14px;border:0;border-radius:12px;color:#625e72;background:#ebe9f3;font-size:.875rem;font-weight:700;cursor:pointer}.game-heading{padding:52px 0 34px;text-align:center}.game-heading h1{font-size:clamp(2.15rem,5vw,3.6rem)}.game-heading>p:last-child{margin:16px 0 0;color:#716d80}.reaction-game{display:grid;gap:18px}.reaction-panel{width:100%;min-height:350px;padding:36px 24px;border:0;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#6d5dfc;box-shadow:0 24px 60px #493daa38;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .16s ease,transform .12s ease}.reaction-panel:active{transform:scale(.992)}.reaction-panel:focus-visible{outline:4px solid rgb(109 93 252 / 30%);outline-offset:5px}.reaction-panel--waiting{background:#ec5454;cursor:wait}.reaction-panel--ready{background:#1cad73}.reaction-panel--too-soon{color:#332f42;background:#ffd563}.reaction-panel--result{background:#2f294f}.reaction-symbol{width:64px;height:64px;margin-bottom:20px;border-radius:22px;display:grid;place-items:center;background:#ffffff2e;font-size:2rem;font-weight:900}.reaction-panel>strong{font-size:clamp(2rem,6vw,3.5rem);line-height:1.1;letter-spacing:-.04em}.reaction-panel>span:not(.reaction-symbol){margin-top:14px;opacity:.82}.reaction-panel>em{margin-top:30px;padding:10px 18px;border-radius:999px;background:#ffffff2e;font-size:.875rem;font-style:normal;font-weight:800}.reaction-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reaction-stats>div{padding:20px;border:1px solid rgb(34 32 53 / 8%);border-radius:20px;display:grid;gap:8px;background:#ffffffc2}.reaction-stats span{color:#868190;font-size:.76rem}.reaction-stats strong{font-size:1.2rem}.reaction-history{padding:22px;border-radius:22px;background:#ffffffc2}.reaction-history h2{margin:0 0 14px;font-size:.9rem}.reaction-history ol{margin:0;padding:0;display:grid;gap:8px;list-style:none}.reaction-history li{padding:10px 12px;border-radius:10px;display:flex;justify-content:space-between;background:#f2f0f7;font-size:.84rem}.reaction-history li span{color:#858091}.click-speed-game{display:grid;gap:18px}.duration-selector{width:fit-content;margin:0 auto;padding:5px;border-radius:14px;display:flex;gap:4px;background:#e9e7f1}.duration-selector button{min-width:68px;padding:9px 16px;border:0;border-radius:10px;color:#777284;background:transparent;font-size:.82rem;font-weight:800;cursor:pointer}.duration-selector button.is-selected{color:#fff;background:#6d5dfc;box-shadow:0 5px 14px #6d5dfc38}.duration-selector button:disabled{cursor:not-allowed}.click-panel{position:relative;width:100%;min-height:350px;padding:36px 24px;border:0;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#ff7b58;box-shadow:0 24px 60px #b8472833;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.click-panel--idle:active,.click-panel--running:active{transform:scale(.992)}.click-panel:focus-visible{outline:4px solid rgb(255 123 88 / 25%);outline-offset:5px}.click-panel--running{background:#ff6844}.click-panel--result{background:#2f294f;cursor:default}.click-panel>strong{font-size:clamp(2.2rem,8vw,5rem);line-height:1;letter-spacing:-.05em}.click-panel>span:not(.click-progress,.click-timer,.click-hand,.result-badge){margin-top:16px;opacity:.82}.click-panel>em{margin-top:28px;padding:10px 18px;border-radius:999px;background:#ffffff2e;font-size:.875rem;font-style:normal;font-weight:800}.restart-button{margin-top:28px;padding:12px 24px;border:0;border-radius:999px;color:#2f294f;background:#fff;font-size:.9rem;font-weight:900;cursor:pointer;box-shadow:0 8px 22px #0000002e;transition:transform .15s ease,box-shadow .15s ease}.restart-button:hover{transform:translateY(-2px);box-shadow:0 11px 26px #0000003d}.restart-button:focus-visible{outline:3px solid #ffd563;outline-offset:4px}.click-hand{margin-bottom:20px;font-size:3rem}.click-timer{position:absolute;top:24px;right:26px;padding:7px 12px;border-radius:999px;background:#0000001f;font-variant-numeric:tabular-nums;font-weight:800}.click-progress{position:absolute;right:0;bottom:0;left:0;height:8px;background:#ffffff8c;transform-origin:left}.result-badge{margin-bottom:22px;padding:8px 13px;border-radius:999px;color:#2f294f;background:#ffd563;font-size:.78rem;font-weight:900}footer{padding:52px 0 32px;color:#8b8797;font-size:.78rem;text-align:center}.omok-game-page{width:min(880px,100%)}.omok-heading{padding-bottom:24px}.omok-game{display:grid;gap:14px}.omok-toolbar{display:flex;align-items:center;justify-content:space-between}.omok-turn,.omok-actions{display:flex;align-items:center;gap:9px}.turn-stone{width:18px;aspect-ratio:1;border-radius:50%;background:#26232d;box-shadow:inset -2px -2px 4px #ffffff29}.turn-stone.white{border:1px solid #d9d4ca;background:#fffdfa}.omok-actions button{padding:9px 14px;border:0;border-radius:11px;color:#625e72;background:#ebe9f3;font-size:.78rem;font-weight:800;cursor:pointer}.omok-actions button:disabled{cursor:not-allowed;opacity:.45}.omok-board-wrap{position:relative;width:min(100%,660px);margin:0 auto;padding:25px;border:2px solid #c49455;border-radius:24px;background:#deb574;box-shadow:0 24px 55px #6f492533}.omok-board{display:grid;grid-template-columns:repeat(15,1fr);background:linear-gradient(to right,transparent calc(50% - .5px),#8d683d calc(50% - .5px),#8d683d calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#8d683d calc(50% - .5px),#8d683d calc(50% + .5px),transparent calc(50% + .5px));background-size:calc(100% / 15) calc(100% / 15);background-position:center}.omok-cell{position:relative;aspect-ratio:1;padding:0;border:0;background:transparent;cursor:pointer}.omok-cell:not(:disabled):hover:after,.omok-cell:focus-visible:after{position:absolute;inset:16%;border-radius:50%;background:#26232d3d;content:""}.omok-cell:focus-visible{outline:2px solid #6d5dfc;outline-offset:-2px}.omok-stone{position:absolute;z-index:1;inset:8%;border-radius:50%;box-shadow:0 3px 5px #36251452}.omok-stone.black{background:radial-gradient(circle at 35% 30%,#57535f,#17151b 64%)}.omok-stone.white{border:1px solid #d8d1c5;background:radial-gradient(circle at 35% 30%,#fff,#e9e4dc 68%)}.omok-stone.is-last:after{position:absolute;top:50%;left:50%;width:22%;aspect-ratio:1;border-radius:50%;background:#ff5f57;content:"";transform:translate(-50%,-50%)}.omok-result{position:absolute;z-index:3;inset:0;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:#2f294fe5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.omok-result>span{font-size:2.6rem}.omok-result>strong{margin-top:12px;font-size:clamp(1.4rem,4vw,2.1rem)}.omok-result p{margin:8px 0 22px;color:#ffffffb8}.omok-result button{padding:11px 22px;border:0;border-radius:999px;color:#332f42;background:#ffd563;font-weight:900;cursor:pointer}.omok-tip{margin:2px 0 0;color:#777389;font-size:.8rem;text-align:center}.boredom-page{width:min(760px,100%)}.boredom-heading{padding-bottom:24px}.color-spot-game{display:grid;gap:14px}.color-spot-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-spot-stats>div{padding:15px 18px;border:1px solid rgb(34 32 53 / 8%);border-radius:17px;display:grid;gap:5px;background:#ffffffc7}.color-spot-stats span{color:#858091;font-size:.72rem;font-weight:700}.color-spot-stats strong{font-size:1.05rem}.color-spot-stage{position:relative;width:min(100%,560px);aspect-ratio:1;margin:0 auto;padding:clamp(14px,3vw,24px);border-radius:28px;background:#eceaf4;box-shadow:0 22px 54px #3e346e24}.color-tile-grid{width:100%;height:100%;display:grid;gap:clamp(4px,1vw,9px)}.color-tile{min-width:0;padding:0;border:0;border-radius:clamp(7px,1.4vw,14px);cursor:pointer;transition:transform .1s ease}.color-tile:hover{transform:scale(.96)}.color-tile:focus-visible{outline:4px solid #fff;outline-offset:-6px}.color-spot-overlay{position:absolute;inset:0;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#fff;background:#2f294f}.color-spot-overlay>span{font-size:3rem}.color-spot-overlay>strong{margin-top:14px;font-size:clamp(1.45rem,4vw,2.15rem)}.color-spot-overlay p{margin:10px 0 24px;color:#ffffffb3}.color-spot-overlay button{padding:12px 24px;border:0;border-radius:999px;color:#332f42;background:#ffd563;font-weight:900;cursor:pointer;box-shadow:0 9px 22px #0003}.color-spot-tip{margin:2px 0 0;color:#777389;font-size:.8rem;text-align:center}.random-decision-page{width:min(960px,100%)}.random-decision-heading{padding-bottom:30px}.decision-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.decision-mode-card{--mode-accent: #6d5dfc;min-height:265px;padding:24px;border:1px solid rgb(34 32 53 / 8%);border-radius:26px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#222035;background:#ffffffdb;box-shadow:0 14px 38px #3e346e14;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.decision-mode-card:hover{border-color:var(--mode-accent);transform:translateY(-5px);box-shadow:0 20px 48px #3e346e26}.decision-mode-card:focus-visible{outline:3px solid color-mix(in srgb,var(--mode-accent) 35%,transparent);outline-offset:3px}.decision-mode-icon{width:50px;aspect-ratio:1;margin-bottom:17px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--mode-accent) 13%,white);font-size:1.6rem}.decision-mode-number{color:var(--mode-accent);font-size:.63rem;font-weight:900;letter-spacing:.12em}.decision-mode-card>strong{margin-top:6px;font-size:1.35rem}.decision-mode-card>em{margin-top:4px;color:#5f5a6d;font-size:.86rem;font-style:normal;font-weight:700}.decision-mode-card>small{margin-top:10px;color:#858091;line-height:1.55}.decision-mode-enter{margin-top:auto;color:var(--mode-accent);font-size:.78rem;font-weight:900}.decision-mode-enter b{margin-left:4px}.decision-game{--mode-accent: #6d5dfc;padding-top:10px}.decision-game-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.decision-game-title>button{padding:10px 14px;border:0;border-radius:12px;color:#625e72;background:#ebe9f3;font-size:.8rem;font-weight:800;cursor:pointer}.decision-game-title>div{display:flex;align-items:center;gap:11px}.decision-game-title>div>span{width:43px;aspect-ratio:1;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--mode-accent) 14%,white);font-size:1.35rem}.decision-game-title>div>div{display:grid;gap:2px}.decision-game-title strong{font-size:1.05rem}.decision-game-title small{color:#858091;font-size:.7rem}.decision-setup,.decision-arena{margin-top:34px;padding:clamp(24px,5vw,42px);border:1px solid rgb(34 32 53 / 8%);border-radius:30px;background:#ffffffd6;box-shadow:0 18px 48px #3e346e17}.decision-setup-copy>span{color:var(--mode-accent);font-size:.66rem;font-weight:900;letter-spacing:.13em}.decision-setup-copy h2{margin:8px 0 0;font-size:clamp(1.55rem,4vw,2.2rem);letter-spacing:-.04em}.decision-setup-copy p{margin:8px 0 0;color:#777389;font-size:.85rem}.decision-option-form{margin-top:28px;display:grid;grid-template-columns:1fr auto;gap:8px}.decision-option-form input{min-width:0;padding:14px 16px;border:1px solid #dedbe8;border-radius:13px;color:#222035;background:#f8f7fc;outline:0}.decision-option-form input:focus{border-color:var(--mode-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mode-accent) 14%,transparent)}.decision-option-form button{padding:0 20px;border:0;border-radius:13px;color:#fff;background:var(--mode-accent);font-weight:900;cursor:pointer}.decision-option-form button:disabled{opacity:.45}.decision-options{min-height:100px;margin-top:14px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px}.decision-options>span{height:fit-content;padding:7px 8px;border-radius:999px;display:flex;align-items:center;gap:7px;background:#eeecf4;font-size:.8rem;font-weight:700}.decision-options b{width:20px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--mode-accent);font-size:.62rem}.decision-options button{width:20px;aspect-ratio:1;padding:0;border:0;color:#8a8594;background:transparent;cursor:pointer;font-size:1rem}.decision-start{width:100%;margin-top:14px;padding:15px 20px;border:0;border-radius:15px;color:#fff;background:var(--mode-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--mode-accent) 26%,transparent);font-weight:900;cursor:pointer}.decision-start:disabled{cursor:not-allowed;opacity:.45}.decision-progress{display:flex;align-items:center;justify-content:space-between}.decision-progress span{color:var(--mode-accent);font-size:.72rem;font-weight:900;letter-spacing:.08em}.decision-progress strong{font-size:.82rem}.decision-candidates{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.decision-candidates>div{min-width:0;padding:13px 10px;border:1px solid color-mix(in srgb,var(--mode-accent) 28%,white);border-radius:14px;display:grid;gap:5px;background:color-mix(in srgb,var(--mode-accent) 7%,white);transition:opacity .26s ease,transform .26s ease}.decision-candidates>div>i{width:32px;aspect-ratio:1;margin-bottom:3px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--mode-accent);font-size:.78rem;font-style:normal;font-weight:900;box-shadow:0 5px 12px color-mix(in srgb,var(--mode-accent) 22%,transparent)}.decision-candidates span{color:var(--mode-accent);font-size:.58rem;font-weight:900}.decision-candidates strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.decision-candidates .is-eliminated{opacity:.32;filter:grayscale(1);transform:scale(.93)}.decision-candidates .is-winner{border-color:var(--mode-accent);opacity:1;box-shadow:0 7px 20px color-mix(in srgb,var(--mode-accent) 20%,transparent);transform:scale(1.04)}.decision-broadcast{min-height:270px;margin-top:18px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;color:#fff;background:#2f294f}.decision-broadcast>p{max-width:600px;margin:20px 0 0;color:#ffffffc7;line-height:1.55}.decision-scene{width:min(100%,540px);height:150px;display:grid;place-items:center}.decision-caption{animation:decision-caption-in .3s ease-out both}.approval-desk{position:relative;width:180px;height:135px;border-radius:10px;background:#8e6544;box-shadow:inset 0 8px #ffffff1f,0 16px 28px #0000003d;transform:perspective(500px) rotateX(10deg)}.approval-paper{position:absolute;top:10px;left:25px;width:130px;height:110px;padding:13px;border-radius:3px;display:grid;align-content:start;gap:7px;color:#302d3b;text-align:left;background:#fffdf7;box-shadow:0 5px 12px #00000038;animation:paper-slide .98s ease-out infinite}.approval-paper span{color:#8c8793;font-size:.5rem;font-weight:900;letter-spacing:.12em}.approval-paper strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.approval-paper i{height:5px;border-radius:4px;background:#e8e4dd}.approval-paper i:last-child{width:68%}.approval-stamp{position:absolute;z-index:2;right:3px;bottom:13px;width:58px;aspect-ratio:1;border:4px double #ec5454;border-radius:50%;display:grid;place-items:center;color:#ec5454;font-size:.78rem;font-weight:1000;transform:rotate(-13deg);animation:stamp-hit .98s cubic-bezier(.2,.8,.2,1) infinite}.elevator-building{position:relative;width:150px;height:145px;padding:32px 12px 0;border:5px solid #84808c;border-bottom:0;border-radius:7px 7px 0 0;background:#aaa6ae;box-shadow:0 15px 26px #0000003d}.floor-display{position:absolute;top:5px;left:50%;min-width:52px;padding:4px 8px;border-radius:4px;color:#8affae;background:#25232a;font-size:.68rem;font-weight:900;text-align:center;transform:translate(-50%)}.elevator-car{position:relative;width:100%;height:108px;overflow:hidden;background:#ddd9df}.elevator-person{position:absolute;inset:18px 0 0;display:grid;place-items:center;align-content:center;color:#393543;font-size:2.1rem}.elevator-person small{max-width:85px;overflow:hidden;font-size:.58rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.elevator-door{position:absolute;z-index:2;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#aaa7ad,#d1ced3);animation:elevator-door-left .98s ease-in-out infinite}.elevator-door--left{left:0;border-right:1px solid #77737d}.elevator-door--right{right:0;border-left:1px solid #77737d;animation-name:elevator-door-right}.bomb-track{position:relative;width:min(100%,490px);display:flex;justify-content:center;gap:clamp(5px,1.4vw,11px)}.bomb-track>span{position:relative;width:clamp(38px,8vw,54px);aspect-ratio:1;border:2px solid rgb(255 255 255 / 16%);border-radius:50%;display:grid;place-items:center;background:#ffffff14;transition:border-color .18s ease,transform .18s ease}.bomb-track>span>i{font-style:normal;font-weight:900}.bomb-track .has-bomb{border-color:#ec5454;background:#ec54542e;transform:translateY(8px)}.bomb-track b{position:absolute;top:-45px;left:50%;font-size:2.3rem;filter:drop-shadow(0 7px 8px rgb(0 0 0 / 35%));transform:translate(-50%);animation:bomb-bounce .36s ease-in-out infinite alternate,decision-shake .15s linear infinite}.excuse-stage{position:relative;width:min(100%,380px);height:145px;display:flex;align-items:flex-end;justify-content:space-between}.excuse-boss,.excuse-speaker{position:relative;width:100px;height:105px;border-radius:50px 50px 14px 14px;display:grid;place-items:center;align-content:center;background:#ffffff1a;font-size:2.7rem}.excuse-boss span{position:absolute;top:-18px;right:-25px;padding:7px 11px;border-radius:13px 13px 13px 3px;color:#332f42;background:#fff;font-size:.65rem;font-weight:900;animation:boss-bubble .98s ease-in-out infinite}.excuse-speaker strong{max-width:85px;overflow:hidden;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.excuse-score{align-self:center;width:86px;aspect-ratio:1;border:5px solid #ff8b52;border-radius:18px;display:grid;place-items:center;align-content:center;color:#ffb18c;background:#1f1b37;font-size:2rem;font-weight:1000;box-shadow:0 0 22px #ff8b5240;animation:score-flip .98s ease-out infinite}.excuse-score small{font-size:.55rem}.mode-animation{width:82px;aspect-ratio:1;border:4px solid rgb(255 255 255 / 14%);border-top-color:var(--mode-accent);border-radius:50%;display:grid;place-items:center;animation:decision-spin 1.2s linear infinite}.mode-animation>span{font-size:.78rem;font-weight:900;animation:decision-counter-spin 1.2s linear infinite}.mode-animation--elevator{border-radius:18px;animation:decision-elevator .9s ease-in-out infinite alternate}.mode-animation--elevator>span{animation:none;font-size:1.2rem}.mode-animation--bomb{border:0;animation:decision-shake .18s linear infinite}.mode-animation--bomb>span{animation:none;font-size:3.6rem}.mode-animation--excuse{border-style:dashed;animation-duration:2s}.decision-winner-icon{font-size:2.7rem}.decision-broadcast>em{margin-top:12px;color:var(--mode-accent);font-size:.68rem;font-style:normal;font-weight:900;letter-spacing:.12em}.decision-broadcast>strong{margin-top:5px;font-size:clamp(1.8rem,6vw,3rem);letter-spacing:-.04em}.decision-broadcast>button{margin-top:22px;padding:11px 20px;border:0;border-radius:999px;color:#2f294f;background:#fff;font-size:.8rem;font-weight:900;cursor:pointer}@keyframes decision-spin{to{transform:rotate(360deg)}}@keyframes decision-counter-spin{to{transform:rotate(-360deg)}}@keyframes decision-elevator{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}@keyframes decision-shake{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes paper-slide{0%{opacity:0;transform:translateY(-20px) rotate(-2deg)}25%,to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes stamp-hit{0%,45%{opacity:0;transform:translateY(-55px) scale(1.45) rotate(-13deg)}62%,to{opacity:1;transform:translateY(0) scale(1) rotate(-13deg)}}@keyframes elevator-door-left{0%,20%{transform:translate(0)}55%,80%{transform:translate(-84%)}to{transform:translate(0)}}@keyframes elevator-door-right{0%,20%{transform:translate(0)}55%,80%{transform:translate(84%)}to{transform:translate(0)}}@keyframes bomb-bounce{to{transform:translate(-50%,-8px) scale(1.08)}}@keyframes boss-bubble{0%,to{transform:scale(.92)}45%{transform:scale(1.04)}}@keyframes score-flip{0%{opacity:0;transform:rotateX(90deg) scale(.8)}35%,to{opacity:1;transform:rotateX(0) scale(1)}}@keyframes decision-caption-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.personality-test-page{width:min(780px,100%)}.personality-intro{position:relative;min-height:660px;margin-top:26px;padding:55px 28px;border:1px solid rgb(34 32 53 / 8%);border-radius:34px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 15% 18%,rgb(109 93 252 / 12%),transparent 30%),radial-gradient(circle at 88% 82%,rgb(255 139 82 / 14%),transparent 28%),#ffffffd6;box-shadow:0 22px 55px #3e346e1a}.personality-orbit{position:relative;width:230px;aspect-ratio:1;margin-bottom:24px;border:1px dashed rgb(109 93 252 / 24%);border-radius:50%;display:grid;place-items:center;animation:personality-float 3s ease-in-out infinite}.personality-orbit:before,.personality-orbit:after{position:absolute;border:1px solid rgb(109 93 252 / 12%);border-radius:50%;content:""}.personality-orbit:before{inset:26px}.personality-orbit:after{inset:52px}.personality-orbit>div{position:relative;z-index:2;width:88px;aspect-ratio:1;border-radius:30px;display:grid;place-items:center;background:#6d5dfc;box-shadow:0 15px 30px #6d5dfc47;font-size:2.7rem;transform:rotate(-3deg)}.personality-orbit>span{position:absolute;z-index:3;width:43px;aspect-ratio:1;border-radius:14px;display:grid;place-items:center;background:#fff;box-shadow:0 8px 20px #3e346e24}.personality-orbit>span:nth-child(1){top:0;left:50%;transform:translate(-50%,-50%)}.personality-orbit>span:nth-child(2){top:50%;right:0;transform:translate(50%,-50%)}.personality-orbit>span:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%)}.personality-orbit>span:nth-child(4){top:50%;left:0;transform:translate(-50%,-50%)}.personality-lab-label{color:#6d5dfc;font-size:.65rem;font-weight:900;letter-spacing:.16em}.personality-intro h2{margin:12px 0 0;font-size:clamp(2rem,6vw,3.4rem);line-height:1.16;letter-spacing:-.055em}.personality-intro h2 em{color:#6d5dfc;font-style:normal}.personality-intro>p{margin:16px 0 0;color:#777389}.personality-intro-meta{margin-top:20px;display:flex;align-items:center;gap:9px;color:#8a8594;font-size:.72rem;font-weight:700}.personality-intro-meta i{width:3px;aspect-ratio:1;border-radius:50%;background:#b9b5c1}.personality-intro>button{margin-top:26px;padding:14px 25px;border:0;border-radius:999px;color:#fff;background:#6d5dfc;box-shadow:0 12px 25px #6d5dfc45;font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.personality-intro>button:hover{box-shadow:0 16px 30px #6d5dfc57;transform:translateY(-3px)}.personality-intro>button span{margin-left:8px}.personality-quiz{margin-top:28px}.personality-progress>div{display:flex;align-items:center;justify-content:space-between}.personality-progress span{color:#6d5dfc;font-size:.7rem;font-weight:900}.personality-progress strong{font-size:.74rem}.personality-progress>i{height:7px;margin-top:10px;border-radius:999px;display:block;overflow:hidden;background:#e5e2ed}.personality-progress b{height:100%;border-radius:inherit;display:block;background:linear-gradient(90deg,#6d5dfc,#9c8fff);transition:width .42s ease}.personality-question-card{margin-top:18px;padding:clamp(23px,5vw,40px);border:1px solid rgb(34 32 53 / 8%);border-radius:30px;background:#ffffffdb;box-shadow:0 20px 50px #3e346e17;animation:question-enter .42s cubic-bezier(.2,.8,.2,1) both}.question-scene{padding:6px 10px;border-radius:999px;color:#6d5dfc;background:#eeecff;font-size:.68rem;font-weight:900}.question-office{position:relative;height:108px;margin:24px 0;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#f0eeff,#f9f8fc)}.question-office>span{position:relative;z-index:2;font-size:3.4rem;animation:office-object 1.8s ease-in-out infinite}.question-office i{position:absolute;width:80px;aspect-ratio:1;border-radius:50%;background:#6d5dfc14}.question-office i:nth-of-type(1){top:-32px;left:8%}.question-office i:nth-of-type(2){right:12%;bottom:-50px;width:120px}.question-office i:nth-of-type(3){right:28%;top:12px;width:24px;background:#ff8b522e}.personality-question-card h2{margin:0;font-size:clamp(1.35rem,4vw,2rem);line-height:1.4;letter-spacing:-.035em}.personality-question-card>p{margin:8px 0 0;color:#858091;font-size:.78rem}.personality-options{margin-top:24px;display:grid;gap:9px}.personality-options>button{position:relative;width:100%;padding:13px 15px;border:1px solid #e4e1eb;border-radius:16px;display:grid;grid-template-columns:42px 1fr 25px;align-items:center;gap:12px;text-align:left;color:#2b2836;background:#faf9fd;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.personality-options>button:hover:not(:disabled){border-color:#6d5dfc;background:#f5f3ff;transform:translate(5px)}.personality-options>button.is-selected{border-color:#6d5dfc;color:#fff;background:#6d5dfc;box-shadow:0 10px 24px #6d5dfc3d;transform:scale(1.015)}.personality-options>button:disabled:not(.is-selected){opacity:.45}.personality-options>button>span{width:42px;aspect-ratio:1;border-radius:13px;display:grid;place-items:center;background:#eeecf4;font-size:1.25rem}.personality-options .is-selected>span{background:#ffffff2e}.personality-options>button>div{min-width:0;display:grid;gap:4px}.personality-options strong{font-size:.88rem}.personality-options small{overflow:hidden;color:#858091;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.personality-options .is-selected small{color:#ffffffb8}.personality-options>button>i{color:#6d5dfc;font-style:normal;font-weight:900}.personality-options .is-selected>i{color:#fff}.personality-dots{margin-top:18px;display:flex;justify-content:center;gap:6px}.personality-dots i{width:7px;aspect-ratio:1;border-radius:999px;background:#d8d4e1;transition:width .26s ease,background .26s ease}.personality-dots i.is-active{width:23px;background:#6d5dfc}.personality-result{--result-color: #6d5dfc;position:relative;margin-top:28px;padding:48px clamp(20px,6vw,54px);border:1px solid rgb(34 32 53 / 8%);border-radius:34px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 4%,color-mix(in srgb,var(--result-color) 18%,transparent),transparent 30%),#ffffffe0;box-shadow:0 22px 55px #3e346e1a;animation:result-reveal .6s cubic-bezier(.2,.8,.2,1) both}.result-code{color:var(--result-color);font-size:.64rem;font-weight:900;letter-spacing:.13em}.result-character{position:relative;width:136px;aspect-ratio:1;margin:24px auto 20px;border-radius:45px;display:grid;place-items:center;background:color-mix(in srgb,var(--result-color) 14%,white);box-shadow:0 16px 32px color-mix(in srgb,var(--result-color) 18%,transparent);animation:character-pop .7s cubic-bezier(.2,1.4,.4,1) both}.result-character>span{font-size:4.7rem}.result-character i{position:absolute;width:13px;aspect-ratio:1;border-radius:4px;background:var(--result-color);animation:result-spark 1.4s ease-in-out infinite alternate}.result-character i:nth-of-type(1){top:8px;right:-19px;transform:rotate(25deg)}.result-character i:nth-of-type(2){bottom:17px;left:-20px;animation-delay:-.5s}.result-character i:nth-of-type(3){top:-20px;left:22px;width:8px;animation-delay:-.9s}.personality-result>p{margin:0;color:#7d7889;font-size:.82rem}.personality-result>h2{margin:6px 0 0;color:var(--result-color);font-size:clamp(2rem,7vw,3.4rem);letter-spacing:-.055em}.personality-result>strong{display:block;margin-top:5px;font-size:.82rem}.personality-result .result-description{max-width:550px;margin:19px auto 0;color:#625e72;line-height:1.75}.trait-chart{margin-top:30px;padding:22px;border-radius:20px;display:grid;gap:14px;text-align:left;background:#f5f3f8}.trait-chart>div{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:10px}.trait-chart span,.trait-chart strong{font-size:.7rem;font-weight:900}.trait-chart strong{color:var(--result-color)}.trait-chart i{height:8px;border-radius:999px;overflow:hidden;background:#dedbe5}.trait-chart b{height:100%;border-radius:inherit;display:block;background:var(--result-color);animation:trait-grow .8s ease-out both}.result-insights{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.result-insights>div{padding:17px;border:1px solid #e5e2ea;border-radius:17px;display:grid;gap:7px}.result-insights span{color:#817c8b;font-size:.66rem;font-weight:800}.result-insights strong{font-size:.78rem;line-height:1.5}.result-prescription{margin-top:12px;padding:17px;border-radius:17px;color:#fff;text-align:left;background:#2f294f}.result-prescription span{color:color-mix(in srgb,var(--result-color) 60%,white);font-size:.65rem;font-weight:900}.result-prescription p{margin:7px 0 0;font-size:.8rem}.personality-retry{margin-top:22px;padding:12px 22px;border:0;border-radius:999px;color:#fff;background:var(--result-color);font-weight:900;cursor:pointer}.result-confetti i{position:absolute;top:-20px;left:calc((var(--i, 1)) * 8%);width:7px;height:14px;background:var(--result-color);opacity:.6;animation:confetti-fall 2.8s linear infinite}.result-confetti i:nth-child(1){left:8%;animation-delay:-1s}.result-confetti i:nth-child(2){left:16%;animation-delay:-2.2s}.result-confetti i:nth-child(3){left:25%;animation-delay:-.2s}.result-confetti i:nth-child(4){left:34%;animation-delay:-1.7s}.result-confetti i:nth-child(5){left:43%;animation-delay:-2.5s}.result-confetti i:nth-child(6){left:51%;animation-delay:-.8s}.result-confetti i:nth-child(7){left:59%;animation-delay:-2s}.result-confetti i:nth-child(8){left:67%;animation-delay:-.4s}.result-confetti i:nth-child(9){left:75%;animation-delay:-1.4s}.result-confetti i:nth-child(10){left:83%;animation-delay:-2.7s}.result-confetti i:nth-child(11){left:90%;animation-delay:-1.1s}.result-confetti i:nth-child(12){left:96%;animation-delay:-2.3s}@keyframes personality-float{50%{transform:translateY(-7px)}}@keyframes question-enter{0%{opacity:0;transform:translate(24px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes office-object{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes result-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes character-pop{0%{opacity:0;transform:scale(.5) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes result-spark{to{transform:scale(1.5) rotate(45deg)}}@keyframes trait-grow{0%{width:0}}@keyframes confetti-fall{to{transform:translateY(800px) rotate(540deg)}}.alkkagi-game-page{width:min(900px,100%)}.alkkagi-heading{padding-bottom:22px}.alkkagi-game{display:grid;gap:13px}.alkkagi-scoreboard{width:min(100%,720px);margin:0 auto;padding:12px 18px;border:1px solid rgb(34 32 53 / 8%);border-radius:18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#ffffffd1;box-shadow:0 10px 28px #3e346e12}.alkkagi-player{display:flex;align-items:center;gap:10px}.alkkagi-player.is-ai{justify-content:flex-end;text-align:right}.alkkagi-player>div{display:grid;gap:1px}.alkkagi-player small{color:#817c8b;font-size:.65rem;font-weight:800}.alkkagi-player strong{font-size:1.35rem;line-height:1}.alkkagi-score-stone{width:32px;aspect-ratio:1;border-radius:50%;box-shadow:0 5px 10px #291c103d}.alkkagi-score-stone.black{background:radial-gradient(circle at 35% 30%,#65606c,#17151b 65%)}.alkkagi-score-stone.white{border:1px solid #d7d0c5;background:radial-gradient(circle at 35% 30%,#fff,#e5dfd6 68%)}.alkkagi-status{min-width:110px;display:grid;place-items:center;gap:2px;text-align:center}.alkkagi-status span{color:#6d5dfc;font-size:.66rem;font-weight:900}.alkkagi-status strong{color:#c4c0cb;font-size:.74rem;letter-spacing:.12em}.alkkagi-stage{position:relative;width:min(100%,720px);margin:0 auto;border-radius:28px;overflow:hidden;background:#c99650;box-shadow:0 24px 55px #64411f38}.alkkagi-stage canvas{width:100%;height:auto;display:block;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.alkkagi-stage canvas:focus-visible{outline:4px solid rgb(109 93 252 / 38%);outline-offset:-5px}.alkkagi-result{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#fff;background:#2f294fe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:result-reveal .42s ease-out both}.alkkagi-result>span{font-size:3.2rem;animation:character-pop .6s cubic-bezier(.2,1.4,.4,1) both}.alkkagi-result>strong{margin-top:12px;font-size:clamp(1.7rem,5vw,2.6rem);letter-spacing:-.045em}.alkkagi-result p{margin:8px 0 23px;color:#ffffffb8}.alkkagi-result button{padding:12px 23px;border:0;border-radius:999px;color:#312c45;background:#ffd563;font-weight:900;cursor:pointer;box-shadow:0 9px 22px #00000038}.alkkagi-guide{width:min(100%,720px);margin:0 auto;padding:14px 16px;border:1px solid rgb(34 32 53 / 8%);border-radius:18px;display:grid;grid-template-columns:1fr minmax(160px,.8fr) auto;align-items:center;gap:15px;background:#ffffffd1}.alkkagi-guide>div:first-child{display:flex;align-items:center;gap:10px}.alkkagi-guide>div:first-child>span{width:34px;aspect-ratio:1;border-radius:10px;display:grid;place-items:center;background:#eeecf4}.alkkagi-guide p{margin:0;display:grid;gap:2px;color:#817c8b;font-size:.67rem}.alkkagi-guide p strong{color:#302d3b;font-size:.78rem}.alkkagi-power{display:grid;grid-template-columns:auto 1fr 25px;align-items:center;gap:8px}.alkkagi-power>span,.alkkagi-power>strong{color:#777284;font-size:.63rem;font-weight:900}.alkkagi-power>i{height:7px;border-radius:999px;overflow:hidden;background:#e3e0e9}.alkkagi-power b{height:100%;border-radius:inherit;display:block;background:linear-gradient(90deg,#6d5dfc,#ff6b5b);transition:width 80ms linear}.alkkagi-guide>button{padding:9px 13px;border:0;border-radius:11px;color:#625e72;background:#ebe9f3;font-size:.72rem;font-weight:900;cursor:pointer}@media(max-width:840px){.menu-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.app{width:min(100% - 28px,1120px)}.header{height:72px}.status{display:none}.hero{padding:60px 0 48px;text-align:left}.hero-copy{line-height:1.65}.menu-grid{grid-template-columns:1fr}.menu-card{min-height:142px}.game-page{padding-top:20px}.game-heading{padding:38px 0 26px;text-align:left}.game-heading br{display:none}.reaction-panel,.click-panel{min-height:330px;border-radius:24px}.reaction-stats{grid-template-columns:1fr}.reaction-stats>div{grid-template-columns:1fr auto;align-items:center}.omok-heading{padding-bottom:20px}.omok-board-wrap{padding:14px;border-radius:18px}.omok-toolbar{align-items:flex-start}.omok-turn strong{font-size:.82rem}.omok-actions{gap:5px}.omok-actions button{padding:8px 10px}.omok-tip{line-height:1.5}.color-spot-stats>div{padding:12px}.color-spot-stage,.color-spot-overlay{border-radius:20px}.decision-mode-grid{grid-template-columns:1fr}.decision-mode-card{min-height:235px}.decision-game-title{align-items:flex-start}.decision-game-title>div>div{display:none}.decision-setup,.decision-arena{margin-top:22px;padding:20px 16px;border-radius:22px}.decision-candidates{grid-template-columns:repeat(2,1fr)}.decision-broadcast{min-height:250px;padding:22px 16px;border-radius:19px}.personality-intro{min-height:610px;padding:44px 18px;border-radius:24px}.personality-orbit{width:190px}.personality-question-card{padding:22px 16px;border-radius:22px}.personality-options>button{grid-template-columns:38px 1fr 20px;gap:9px;padding:11px}.personality-options>button>span{width:38px}.personality-result{padding:38px 16px;border-radius:24px}.result-insights{grid-template-columns:1fr}.alkkagi-stage{border-radius:18px}.alkkagi-scoreboard{padding:10px 13px}.alkkagi-status{min-width:80px}.alkkagi-guide{grid-template-columns:1fr auto;padding:12px}.alkkagi-power{grid-column:1 / -1;grid-row:2}.alkkagi-guide>button{grid-column:2;grid-row:1}.decision-scene{height:140px}.bomb-track{gap:4px}.bomb-track>span{width:clamp(31px,9vw,43px)}.excuse-stage{width:min(100%,330px)}}@media(prefers-reduced-motion:reduce){.mode-animation,.mode-animation>span,.approval-paper,.approval-stamp,.elevator-door,.bomb-track b,.excuse-boss span,.excuse-score,.decision-caption,.personality-orbit,.question-office>span,.personality-result,.result-character,.result-character i,.trait-chart b,.result-confetti i,.alkkagi-result,.alkkagi-result>span{animation:none}}