:root{--ink: #f8ead2;--muted: #b9a58d;--panel: rgba(30, 20, 14, .92);--panel-soft: rgba(51, 34, 23, .72);--line: rgba(247, 215, 169, .15);--red: #e0442f;--red-deep: #9c241d;--gold: #ffbd61;--mint: #a9e0b0}*{box-sizing:border-box}html{min-width:320px;background:#100b08}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 10%,rgba(155,55,31,.2),transparent 34rem),radial-gradient(circle at 85% 90%,rgba(107,76,37,.17),transparent 32rem),#100b08;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;overflow-x:hidden}button,select{font:inherit}button{border:0}button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:10px 14px;border-radius:8px;color:#17100b;background:var(--gold);font-weight:800;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-chrome{width:min(1480px,100%);margin:0 auto;padding:18px clamp(20px,3vw,44px) 0;text-align:center}.home-link{display:inline-flex;margin-bottom:10px;padding:8px 13px;border:1px solid rgba(255,189,97,.3);border-radius:999px;color:var(--gold);background:#ffbd6114;font-size:12px;font-weight:800;text-decoration:none}.site-nav{display:flex;justify-content:center;gap:5px 15px;flex-wrap:wrap}.site-nav a{padding:5px 3px;border-bottom:2px solid transparent;color:#cbb79f;font-size:12px;font-weight:800;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{border-bottom-color:var(--red);color:#fff0da}.adslot:empty{display:none}.loading-copy{width:min(1480px,calc(100% - 40px));margin:30px auto;padding:80px 20px;border:1px solid var(--line);border-radius:24px;color:var(--muted);background:var(--panel);text-align:center}.legacy-content,.site-footer{width:min(960px,calc(100% - 40px));margin-right:auto;margin-left:auto}.legacy-content{margin-top:clamp(34px,6vw,80px);padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:24px;color:#d5c1a8;background:#1e140eb3;box-shadow:0 24px 80px #00000042}.article-kicker{color:var(--gold);font-size:10px;font-weight:850;letter-spacing:.14em}.legacy-content h2{margin:35px 0 10px;color:#fff0d9;font-size:clamp(21px,3vw,30px);letter-spacing:-.04em}.legacy-content h2:first-of-type{margin-top:9px}.legacy-content p,.legacy-content li{font-size:14px;line-height:1.85}.legacy-content ul{display:grid;gap:7px;padding-left:22px}.legacy-content b{color:#ffd18a}.site-footer{padding:34px 0 46px;color:#8f7e6c;font-size:12px;line-height:1.8;text-align:center}.site-footer a{color:#d0bda5;font-weight:750;text-decoration:none}.site-footer span{margin:0 5px}.site-footer p{margin:5px 0 0}.page-shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:clamp(20px,3vw,44px)}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}.hero h1{margin:5px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,74px);font-weight:800;letter-spacing:-.055em;line-height:.95}.hero h1 em{color:var(--red);font-style:italic;text-shadow:0 6px 22px rgba(224,68,47,.32)}.hero p{max-width:680px;margin:10px 0 0;color:var(--muted);font-size:clamp(13px,1.35vw,16px);line-height:1.6}.eyebrow,.prototype-badge,.control-heading span,.overlay-panel>span,.status-box>span{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em}.prototype-badge{flex:0 0 auto;margin-bottom:5px;padding:10px 14px;border:1px solid rgba(255,189,97,.3);border-radius:999px;background:#ffbd6114;letter-spacing:.04em}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:18px;align-items:stretch}.stage-card,.control-card{border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 24px 80px #0000006b;overflow:hidden}.stage-card{position:relative;min-height:min(72vh,760px)}.three-stage{position:absolute;inset:0 0 70px;min-height:480px;background:#21140d;cursor:crosshair;touch-action:none;user-select:none}.three-stage canvas{display:block;width:100%;height:100%}.score-strip{position:absolute;right:0;bottom:0;left:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;padding:9px 24px;border-top:1px solid var(--line);background:#120c08f5;backdrop-filter:blur(12px)}.score-strip>div:not(.turn-chip){display:flex;align-items:baseline;gap:10px}.score-strip>div:last-child{justify-content:flex-end}.score-strip small{color:var(--muted);font-size:12px;font-weight:700}.score-strip strong{color:#fff4dc;font-family:Georgia,serif;font-size:32px;line-height:1}.turn-chip{padding:8px 13px;border:1px solid rgba(224,68,47,.32);border-radius:999px;color:#ffd5c8;background:#e0442f1f;font-size:12px;font-weight:800}.stage-overlay{position:absolute;inset:0 0 70px;z-index:8;display:grid;place-items:center;padding:24px;background:#0f09068a;backdrop-filter:blur(5px)}.overlay-panel{width:min(480px,92%);padding:clamp(25px,4vw,44px);border:1px solid rgba(255,229,190,.18);border-radius:22px;background:#1e130ceb;box-shadow:0 28px 65px #0000007a;text-align:center}.overlay-panel h2{margin:10px 0 13px;font-size:clamp(25px,3.6vw,39px);letter-spacing:-.04em;word-break:keep-all}.overlay-panel p{margin:0 auto 24px;color:var(--muted);font-size:14px;line-height:1.7}.overlay-panel button{min-width:180px;padding:14px 20px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#ed513b,#ae281f);box-shadow:0 10px 26px #b52b1f59;font-weight:850;cursor:pointer}.result-panel h2{color:var(--gold)}.control-card{display:flex;flex-direction:column;gap:17px;padding:22px}.control-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.control-heading h2{margin:3px 0 0;font-size:24px;letter-spacing:-.04em}.phase-light{width:12px;height:12px;border:3px solid rgba(255,255,255,.1);border-radius:50%;background:#5b5148;box-shadow:0 0 0 5px #ffffff08}.phase-light.aim,.phase-light.charge{background:var(--mint);box-shadow:0 0 0 5px #a9e0b014,0 0 16px #a9e0b09e}.phase-light.throw,.phase-light.reaction,.phase-light.ai{background:var(--red);box-shadow:0 0 0 5px #e0442f1a,0 0 18px #e0442fb3;animation:pulse .8s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.25)}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-grid label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.settings-grid select{width:100%;padding:10px 30px 10px 11px;border:1px solid rgba(255,235,205,.13);border-radius:10px;color:var(--ink);background:#261910;font-size:13px}.settings-grid select:disabled{opacity:.42}.settings-grid .wide-setting{grid-column:1 / -1}.meter-block,.angle-control,.technique-card,.status-box,.test-notes{border:1px solid rgba(255,235,205,.1);border-radius:14px;background:var(--panel-soft)}.meter-block{padding:13px}.meter-label{display:flex;justify-content:space-between;margin-bottom:9px;font-size:12px}.meter-label span{color:var(--muted);font-weight:700}.meter-label strong{color:var(--gold)}.power-track{height:12px;padding:2px;border-radius:999px;background:#120c08;overflow:hidden}.power-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a9e0b0,#ffd061 55%,#ed503a);box-shadow:0 0 12px #ffbd6185;transition:width 70ms linear}.angle-control{display:grid;grid-template-columns:1fr 78px;gap:12px;min-height:132px;padding:14px}.angle-copy{display:flex;flex-direction:column;justify-content:center}.angle-copy small{color:var(--muted);font-size:11px;font-weight:700}.angle-copy strong{margin:4px 0;color:#fff4dc;font-size:22px}.angle-copy span{color:var(--muted);font-size:11px;line-height:1.55}.angle-visual{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:4px}.angle-visual b{color:var(--gold);font-size:10px}.angle-track{position:relative;width:8px;height:72px;border-radius:999px;background:linear-gradient(#ed503a,#ffd061 50%,#8d7563)}.angle-track:before{content:"";position:absolute;top:50%;left:50%;width:42px;border-top:1px dashed rgba(255,255,255,.18);transform:translate(-50%,-50%)}.angle-track i{position:absolute;left:50%;width:23px;height:9px;border:2px solid #fff4dd;border-radius:3px;background:var(--red);box-shadow:0 2px 8px #00000073;transform:translate(-50%,50%) rotate(-15deg);transition:bottom 90ms linear}.technique-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-color:#ffd06133;background:linear-gradient(135deg,#ffd0611a,#ffffff06)}.technique-card>div{display:grid;gap:3px}.technique-card small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.technique-card strong{color:#fff1d0;font-size:12px}.technique-card>span{display:grid;min-width:72px;color:var(--muted);font-size:9px;text-align:right}.technique-card>span b{color:var(--gold);font-size:15px}.technique-card>span em{color:var(--mint);font-size:9px;font-style:normal;font-weight:800}.technique-card.back{border-color:#a9e0b042;background:linear-gradient(135deg,#a9e0b01c,#ffffff06)}.status-box{padding:13px 15px}.status-box>span{font-size:9px}.status-box p{min-height:38px;margin:6px 0 0;color:#e7d5bd;font-size:12px;line-height:1.55}.button-row{display:grid;grid-template-columns:1fr .72fr;gap:9px}.button-row button{min-height:44px;border-radius:11px;font-size:12px;font-weight:850;cursor:pointer}.button-row .primary{color:#fff;background:linear-gradient(135deg,#ed513b,#a9241d)}.button-row .secondary{border:1px solid rgba(255,235,205,.13);color:#ddc9b0;background:#251910}.button-row button:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.4}.test-notes{margin-top:auto;padding:13px 15px}.test-notes strong{color:#edd9bf;font-size:11px}.test-notes ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;margin:9px 0 0;padding:0;list-style:none}.test-notes li{position:relative;padding-left:10px;color:#9e8b76;font-size:10px;line-height:1.35}.test-notes li:before{content:"";position:absolute;top:.48em;left:0;width:4px;height:4px;border-radius:50%;background:var(--red)}@media(max-width:1050px){.game-layout{grid-template-columns:1fr}.stage-card{min-height:640px}.control-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.control-heading,.button-row,.test-notes{grid-column:1 / -1}}@media(max-width:660px){.page-shell{padding:14px}.hero{align-items:flex-start;flex-direction:column;gap:12px}.prototype-badge{margin:0}.stage-card{min-height:590px;border-radius:18px}.three-stage{min-height:0}.score-strip{padding:9px 13px}.score-strip small{display:block;max-width:70px}.score-strip>div:not(.turn-chip){gap:6px}.turn-chip{padding:7px 8px;font-size:10px}.control-card{display:flex;padding:17px;border-radius:18px}.overlay-panel{padding:24px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}