*{box-sizing:border-box}body{margin:0;background:#08172d;color:#f6f8ff;font-family:system-ui,"Noto Sans KR",sans-serif}header{position:sticky;top:0;background:#0b1d35ee;backdrop-filter:blur(12px);padding:16px 5%;display:flex;align-items:center;gap:22px;flex-wrap:wrap;z-index:5;border-bottom:1px solid #294767}a{color:#8de7ee}.brand{font-size:24px;font-weight:850;text-decoration:none}nav{display:flex;gap:18px}#identity{margin-left:auto;font-size:14px}main{max-width:1200px;margin:auto;padding:28px 20px}h1{font-size:clamp(32px,5vw,56px);margin:10px 0}.intro{padding:22px 0}.intro>p:first-child{letter-spacing:.15em;color:#71d4d9}.switch{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}button,.button,select,input{font:inherit}button,.button{border:1px solid #426791;border-radius:14px;padding:12px 18px;background:#18477b;color:white;cursor:pointer;min-height:44px;text-decoration:none;display:inline-block}button:hover,button[aria-pressed=true]{background:#ffe24e;color:#10203a}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #70f0e3;outline-offset:3px}input[type=range]{width:100%}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}select{padding:10px;background:#132d4a;color:white;border:1px solid #436585;border-radius:10px}#login,.panel,.card{background:#122b49;border:1px solid #2c5279;border-radius:20px;padding:22px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card h3{margin:0 0 12px}.card p{color:#c0cee1;line-height:1.65}.stats{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}.stat{background:#0b203b;border-radius:14px;padding:14px;min-width:135px}.stat strong{display:block;color:#ffe354;font-size:23px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.muted{color:#b2c5de}.metric{color:#77eadb}.chart{width:100%;height:140px;background:#0b1d33;border-radius:12px}.chart polyline{fill:none;stroke:#ffdb65;stroke-width:2}.chart text{fill:#b9cada;font-size:10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}#status{min-height:24px;color:#ffe27b}.animal{font-size:62px}table{border-collapse:collapse;width:100%}td,th{padding:12px;text-align:left;border-bottom:1px solid #2b4a69}#board{overflow-x:auto}.logo{max-width:320px;max-height:100px;object-fit:contain}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:10}footer{padding:30px;text-align:center;border-top:1px solid #294767}@media(prefers-reduced-motion:no-preference){.animal.buzz{animation:buzz .35s ease}@keyframes buzz{50%{transform:translateY(-12px) rotate(-8deg)}}}@media(max-width:600px){header{gap:12px}nav{font-size:13px}#identity{margin-left:0;width:100%}.choices{grid-template-columns:1fr}.stat{min-width:110px}}

.animal{width:150px;height:170px;object-fit:contain;display:block;margin:0 auto 16px}.panel>button{margin:6px}.panel label{display:block}output{float:right;color:#ffe354}

.board-filters{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0}.board-filters label{display:flex;gap:8px;align-items:center}.board-filters [hidden]{display:none}

.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.character-thumb{display:block;width:90px;height:120px;object-fit:contain;margin:auto}@media(max-width:650px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.duel-arena{text-align:center;min-height:440px}.duel-arena>h2{min-height:65px}.duel-players{display:flex;justify-content:center;gap:24px;margin:28px auto 0}.duel-player{width:210px;display:flex;flex-direction:column;align-items:center;padding:12px;background:#143859;border:2px solid #315f88;border-radius:18px}.duel-player img{height:170px;width:150px;object-fit:contain}.duel-player.mine{border-color:#ffdf50}.duel-player strong{padding:8px}.duel-player span{width:100%;padding:10px;background:#081d37;border-radius:8px}.duel-buzzer{font-size:30px;background:#ffdf50;color:#10203a;border-radius:60px;width:190px;min-height:80px}.duel-player.buzzing{border-color:#71ffde}@media(prefers-reduced-motion:no-preference){.duel-player.buzzing img{animation:buzz .35s ease}}@media(max-width:600px){.duel-player{width:46%;padding:8px}.duel-player img{height:145px;width:120px}.duel-players{gap:12px}}