@font-face{font-family:Kanit;src:url('/assets/fonts/Kanit-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Kanit;src:url('/assets/fonts/Kanit-SemiBold.ttf') format('truetype');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:Kanit;src:url('/assets/fonts/Kanit-Bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}
body,button,input,select,textarea{font-family:Kanit,sans-serif}
.game-page{--ink:#f4edda;--muted:#9baeb2;--line:#ffffff17;--accent:#edc775;color:var(--ink);background:#091319;background-image:radial-gradient(ellipse at 50% 14%,#34564765,transparent 55%),radial-gradient(ellipse at 90% 70%,#5c35231f,transparent 50%);min-height:100vh}
.game-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,#e4b86280 1px,transparent 2px),radial-gradient(circle,#e4b86250 1px,transparent 2px);background-size:173px 211px,263px 317px;background-position:30px 70px,95px 40px;mask-image:linear-gradient(black,transparent)}
.game-page .site-header{height:76px;max-width:1200px}.game-page .brand{font-weight:600}.game-page .brand-icon{color:#edc775;background:#e6bf6a12;border:1px solid #edc77540}.game-page .quiet{color:#b9c5bd}.game-page main{min-height:calc(100svh - 170px);display:grid;place-items:center;padding:34px 18px 18px}
.game-lobby{width:100%;max-width:520px;margin:0 auto;text-align:center}.lobby-heading .eyebrow{margin:0 0 10px;color:#bdac7e;letter-spacing:3px;font-size:10px}.lobby-heading h1{font-size:clamp(32px,5vw,46px);line-height:1.23;font-weight:600;letter-spacing:0;margin:0 0 14px}.lobby-heading h1 em{color:#efcd85}.lobby-heading>p:last-child{color:#9eafb0;font-size:14px;margin-bottom:24px}
.game-panel{position:relative;border:1px solid #c5a76c60;border-radius:20px;background:linear-gradient(150deg,#1a2c31f5,#0d1a22fa);box-shadow:0 22px 65px #0006,inset 0 1px #fff1;padding:26px 36px;overflow:hidden}.game-panel:before,.game-panel:after{content:"";position:absolute;top:0;width:70px;height:2px;background:#e2be72}.game-panel:before{left:0}.game-panel:after{right:0}.crest{width:100px;height:100px;margin:-9px auto 8px;color:#e5bd70}.crest svg{width:100%;height:100%}.panel-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#c9b37e}.panel-heading h2{font-size:27px;font-weight:600;margin:7px 0}.panel-heading p{font-size:13px;color:#a8b8b9;margin:0 0 14px}
.round-pill{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#c2cec6;flex-wrap:wrap;padding:9px 12px;background:#050f1460;border:1px solid #ffffff0b;border-radius:7px;margin-bottom:20px}.signal{display:inline-block;flex:none;width:7px;height:7px;background:#d9ad61;border-radius:50%}.signal.is-online{background:#86dfb0;box-shadow:0 0 10px #70df9b66}.game-panel form{text-align:left}.game-panel label{font-weight:400;color:#e5ddc9;font-size:14px}.game-panel input{background:#08151c;color:#f5eddb;border-color:#a5bab33b;border-radius:8px;font-size:18px;padding:14px 16px}.game-panel input::placeholder{color:#7f959e;font-size:15px}.game-panel input:focus{outline:2px solid #dfba72;border-color:transparent}.game-panel .fine{color:#98aaaf;font-size:11px;margin:7px 0 0}.game-panel .battle-button{border:1px solid #f3d793;background:linear-gradient(110deg,#e3b562,#f4d58c);color:#282218;justify-content:space-between;font-weight:600;font-size:19px;padding:13px 20px;border-radius:8px;box-shadow:0 4px 25px #e8b95d17;transition:transform .15s,filter .15s}.battle-button:not(:disabled):hover{transform:translateY(-2px)}.battle-button:disabled{opacity:.45;box-shadow:none}.waiting-note{font-size:12px;color:#b6c1bd;margin:16px 0 0}.waiting-note a{color:#ebc77e;text-underline-offset:4px}
.class-selection{border-top:1px solid #ffffff12;margin-top:24px;padding-top:17px}.class-selection .eyebrow{font-size:11px;letter-spacing:0;color:#b5b9a7;margin-bottom:12px}.class-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.class-option{display:flex;flex-direction:column;padding:10px 3px;border:1px solid;border-radius:9px;background:#0c1a22}.class-option b{font-size:23px;line-height:1.5;font-weight:400}.class-option span{font-size:13px}.class-option small{font-size:10px;opacity:.7}.class-option.sword{color:#8acbff;border-color:#3f7ea54d}.class-option.daggers{color:#f2d476;border-color:#ab91444d}.class-option.axe{color:#f3a095;border-color:#a54d434d}.lobby-note{color:#a2b2b3;font-size:12px;line-height:1.9;margin:22px 0 10px}
.member-lobby{--warrior:#e9c477}.member-lobby[data-warrior-class="Sword"]{--warrior:#8acbff}.member-lobby[data-warrior-class="Daggers"]{--warrior:#f2d476}.member-lobby[data-warrior-class="Axe"]{--warrior:#f3a095}.member-lobby .lobby-heading{margin-bottom:26px}.member-lobby .lobby-heading h1{font-size:34px}.warrior-panel{padding-top:20px}.warrior-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:#b9bfad;letter-spacing:1px}.live-indicator{display:flex;align-items:center;gap:6px;letter-spacing:0}.warrior-portrait{position:relative;width:210px;height:210px;margin:15px auto 0;color:var(--warrior)}.warrior-portrait svg{position:relative;width:100%;height:100%;filter:drop-shadow(0 0 17px #cbb56c20)}.portrait-glow{position:absolute;inset:35px;border-radius:50%;background:var(--warrior);opacity:.12;filter:blur(30px)}.portrait-caption{position:absolute;bottom:0;left:0;right:0;font-size:9px;letter-spacing:4px;color:var(--warrior)}.warrior-name{font-size:32px;line-height:1.4;font-weight:600;overflow-wrap:anywhere;margin:18px 0 9px}.game-page .class-badge{background:#21323a;color:#e9c477;padding:5px 16px;border-radius:5px;font-weight:400}.battle-status{background:#09161d70;border:1px solid #ffffff12;border-left:2px solid var(--warrior);border-radius:8px;padding:15px 12px;margin:23px 0 0}.battle-status .eyebrow{font-size:10px;letter-spacing:1px;color:#a6b6b6}.battle-status p{font-size:15px;color:#e3eadf;margin:5px 0 0}.battle-stats{display:grid;grid-template-columns:1fr 1fr;margin:24px 0}.battle-stats>div{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:10px;align-items:center}.battle-stats>div+div{border-left:1px solid #ffffff18}.battle-stats b{font-weight:600;font-size:36px;line-height:1.3;color:#f5e6c0}.battle-stats .stat-icon{font-size:25px;color:var(--warrior)}.battle-stats div>span:last-child{grid-column:1/-1;font-size:11px;color:#a8b9bc}.round-info{border-top:1px solid #ffffff13;padding:16px 0 6px;display:flex;justify-content:space-between;gap:15px;text-align:left;font-size:11px;color:#9caeb3}.round-info strong{font-weight:400;color:#e0d6bc;text-align:right}.leave-battle{display:inline-block;margin:9px 0 10px;border:1px solid #d0a78540;border-radius:8px;padding:10px 24px;color:#d4bda9;font-size:13px;text-decoration:none}.leave-battle:hover{background:#a0673515}.game-page footer{border-color:#ffffff13;color:#96a6a8;max-width:1200px;margin-top:12px}.game-page .notice.error{background:#452523;color:#ffd2c6;border-color:#8e4c41}
@media(max-width:560px){.game-page .site-header{height:64px;padding:0 18px}.game-page .brand{font-size:13px}.game-page .quiet{font-size:11px}.game-page main{padding:24px 16px 12px}.game-panel{padding:22px}.lobby-heading h1{font-size:34px}.lobby-heading>p:last-child{font-size:12px}.crest{width:84px;height:84px}.panel-heading h2{font-size:25px}.warrior-portrait{width:185px;height:185px}.member-lobby .lobby-heading h1{font-size:29px}.class-option small{font-size:9px}.game-page footer{font-size:10px}.round-info{flex-wrap:wrap}.warrior-topline{font-size:9px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.game-page *{transition:none!important}}
.game-page main{grid-template-columns:minmax(0,1fr)}.game-lobby,.game-panel{min-width:0}.game-page .class-badge.Sword{color:#236da3}.game-page .class-badge.Daggers{color:#8a6410}.game-page .class-badge.Axe{color:#a34836}