:root{--bg:#101b1b;--bg2:#172424;--panel:#1a2928;--panel2:#233331;--line:#344644;--gold:#d6aa68;--gold2:#f1d5a2;--text:#f5eee2;--dim:#a6b0ab;--red:#b66d53;--blue:#598ba2;--brown:#9c7753;--radius:14px;--display:Georgia,'Times New Roman',serif;--ui:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ui);font-size:14px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold2)}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 1%,#243a343f,transparent 32%),radial-gradient(circle at 95% 40%,#45513727,transparent 38%),repeating-linear-gradient(90deg,transparent 0 89px,#ffffff04 90px 91px)}.wrap{width:min(1300px,calc(100% - 56px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;border-bottom:1px solid #41514c75}.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.logomark{height:52px;width:52px;border:1px solid #947751;display:grid;place-items:center;font:36px var(--display);color:var(--gold);border-radius:5px;transform:rotate(-6deg)}.logo small{color:#bfad86;letter-spacing:2px;display:block;font-size:9px;margin-bottom:6px}.logo strong{font:700 26px var(--display);letter-spacing:.5px;white-space:nowrap}.logo em{font:700 10px var(--ui);color:var(--gold);letter-spacing:1.2px;vertical-align:middle}.nav{display:flex;gap:3px;padding:5px;background:#ffffff06;border:1px solid #ffffff0b;border-radius:50px}.nav a{padding:12px 19px;color:#b7c2ba;font-size:13px;border-radius:50px;transition:.2s}.nav a:hover,.nav a.active{background:#293a36;color:#f8e8c4}.account{display:flex;align-items:center;gap:12px}.logged{white-space:nowrap;font-weight:650}.logged small{display:block;text-align:right;color:var(--gold);font-size:11px;font-weight:500;margin-top:3px}.profile-mark{color:var(--gold);margin-right:4px}.btn{border:1px solid #57645c;background:transparent;color:var(--text);border-radius:9px;min-height:41px;padding:10px 17px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s;white-space:nowrap}.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn.primary{background:var(--gold);border-color:var(--gold);color:#20241e}.btn.secondary{background:#2c413b;border-color:#53645c}.btn.ghost{border-color:#ffffff20;color:#d3c8b7}.btn.small{min-height:36px;padding:7px 12px;font-size:12px}.btn.danger{color:#e4a48f}.btn.full{width:100%}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.2px;color:var(--gold);font-weight:750}.content{padding:44px 0 74px;min-height:70vh}.muted{color:var(--dim)}.tiny{font-size:11px}.hero{position:relative;border-radius:17px;min-height:348px;display:flex;align-items:center;border:1px solid #5a4e38;background:radial-gradient(ellipse at 75% 50%,#775a2c37,transparent 43%),linear-gradient(125deg,#2a332c,#1e2c2a 45%,#192826);overflow:hidden}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(42deg,transparent 0 18px,#b1a477 19px 20px,transparent 21px 39px)}.hero-inner{padding:46px 56px;z-index:1;width:min(710px,78%)}.hero h1,.section-hero h1,.room-head h1{font:normal clamp(44px,5.5vw,75px)/1.01 var(--display);letter-spacing:-1.7px;margin:18px 0}.hero h1 em,.section-hero h1 em{color:var(--gold);font-weight:400}.hero p{line-height:1.75;font-size:15px;max-width:550px;color:#c4d0c6}.hero-tags{display:flex;gap:19px;flex-wrap:wrap;color:#e2caa7;font-size:12px;margin-top:22px}.hero-symbol{font-size:280px;font-family:var(--display);position:absolute;right:8%;top:8px;color:#cda3631b;text-shadow:0 0 20px #b9964d22}.live-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7aac8b;margin-right:8px;box-shadow:0 0 8px #7aac8b}.section-title,.panel-title,.tour-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-title{margin:45px 0 23px}.section-title h2,.tour-toolbar h2{font:normal 32px var(--display);margin:6px 0 0}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mode-card{border:1px solid var(--line);background:linear-gradient(145deg,#25352f,#1b2a27);border-radius:var(--radius);padding:29px 27px;min-height:330px;display:flex;flex-direction:column}.gold-card{border-color:#978051;background:linear-gradient(145deg,#3b4031,#242e2b)}.mode-icon{font:44px var(--display);color:var(--gold);height:54px}.mode-icon.steel{color:#85b1c1}.mode-icon.copper{color:#d09574}.mode-number{color:var(--gold);font-size:10px;font-weight:650;letter-spacing:1.9px;margin:15px 0 5px}.mode-card h3,.panel h3{font:normal 27px var(--display);margin:10px 0}.mode-card p{color:#b4c0b8;line-height:1.7;margin:4px 0 20px}.mode-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.mode-foot span{font-size:11px;color:#aab7ad}.select-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-5px 0 20px}.select-line label{font-size:12px;color:var(--dim)}select,input{background:#101c1a;border:1px solid #51635b;color:var(--text);padding:10px;border-radius:8px;min-height:40px}select:focus,input:focus{outline:2px solid #c9a76a}.below-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-top:22px}.panel{background:#1b2a28;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.panel-title h3{margin:0;font-size:24px}.recent{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #34433f}.recent:last-child{border-bottom:0}.recent-icon{width:38px;height:38px;display:grid;place-items:center;background:#344339;color:var(--gold);border-radius:8px;font-size:19px}.recent b{display:block;font-size:13px;font-weight:650}.recent small{display:block;color:var(--dim);margin-top:5px}.chevron{margin-left:auto;color:var(--gold)}.empty-state{text-align:center;color:#9caea4;border:1px dashed #536057;padding:28px;margin-top:17px;border-radius:9px;line-height:1.65}.lore{background:linear-gradient(140deg,#252f29,#2b3128)}.lore h3{font-size:33px}.lore p{color:#b7c5b9;line-height:1.75}.badge-line{color:var(--gold2);letter-spacing:1px;text-transform:uppercase;font-size:11px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #3c4b46;padding:24px 0 44px;font-size:12px;color:#89988d}.footer span{letter-spacing:9px;color:var(--gold)}.footer button{color:var(--gold);border:0;background:none}.subhead{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:24px}.backlink{color:#b8c4ba;margin-right:auto}.room-state,.tag{display:inline-block;background:#344940;color:#c2d5c7;border:1px solid #527162;padding:7px 11px;font-size:10px;font-weight:700;border-radius:99px;letter-spacing:.3px}.room-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.room-head h1{font-size:clamp(34px,4vw,53px);margin:7px 0}.room-head p{color:var(--dim);line-height:1.5;margin:0}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.game-primary,.game-sidebar{min-width:0}.players-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 22px;background:#233431;border:1px solid #43524a;border-radius:11px 11px 0 0}.player-strip-item{display:flex;align-items:center;gap:12px;min-width:0}.player-strip-item small{display:block;color:#9eb0a4;letter-spacing:1.2px;font-size:9px;margin-bottom:6px}.player-strip-item b{font-size:14px;display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis}.player-strip-item.right-player{text-align:right}.versus{color:var(--gold);font:14px var(--display)}.color-mark{width:37px;height:37px;display:grid;place-items:center;font:27px var(--display);border-radius:50%;flex-shrink:0}.blue-mark{background:#426e83;color:#e0eef6}.red-mark{background:#934a38;color:#f7dcb2}.board-frame{border:1px solid #62503a;background:radial-gradient(ellipse at 20% 3%,#7a654450,transparent 50%),#332b22;padding:20px 21px 17px;box-shadow:inset 0 0 0 5px #332a20,inset 0 0 0 7px #71543a,0 12px 45px #080b0b55}.board-ornaments{display:flex;align-items:center;justify-content:space-between;color:#d3ad7b;font-family:var(--display);font-size:17px;letter-spacing:4px;margin-bottom:9px}.board-container{max-width:660px;margin:auto}.board-label{display:grid;grid-template-columns:repeat(13,1fr);padding:0 17px}.board-label span{text-align:center;color:#c4ae8d;font-size:10px}.board-label.top{margin-bottom:4px}.board-center{display:grid;grid-template-columns:17px minmax(0,1fr) 17px;align-items:stretch}.side-label{display:grid;grid-template-rows:repeat(13,1fr)}.side-label span{font-size:10px;color:#d5b488;display:grid;place-items:center}.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(13,minmax(0,1fr));border:4px solid #8d6b47;box-shadow:0 0 0 2px #241b13;overflow:hidden;background:#bba381}.cell{appearance:none;min-width:0;min-height:0;margin:0;border:1px solid #63503745;background:#dcc8a4;position:relative;padding:0;display:grid;place-items:center;aspect-ratio:1;touch-action:manipulation}.cell.dark{background:#d1b990}.cell.corner{background:linear-gradient(145deg,#9d7550,#7a5740)}.cell.corner:after{content:'✦';position:absolute;color:#efcc9157;font-size:clamp(7px,1.3vw,17px)}.cell.throne{background:#997449}.cell.throne:before{content:'ᛟ';position:absolute;font-size:clamp(10px,2vw,28px);color:#dec29682}.cell.legal:before{content:'';width:31%;height:31%;background:#295d4ea8;border-radius:50%;z-index:2;box-shadow:0 0 0 5px #ffffff40}.cell.legal:hover{background:#ead29a}.cell.selected{outline:3px solid #e7f2c3;outline-offset:-3px;z-index:3}.cell.last{box-shadow:inset 0 0 0 3px #bd9a4d}.piece{width:80%;height:80%;border-radius:50%;display:grid;place-items:center;z-index:1;font:clamp(11px,2.8vw,33px) var(--display);font-weight:700;box-shadow:inset 0 0 0 2px #ffffff45,0 2px 4px #0a0b0a9c;border:1px solid #10101035;user-select:none}.piece.attacker{background:radial-gradient(circle at 34% 25%,#7eaec3,#3b6b83 70%);color:#ebfaff}.piece.defender{background:radial-gradient(circle at 34% 25%,#d79b80,#894b36 70%);color:#fce9d0}.piece.king{background:radial-gradient(circle at 34% 20%,#ffeac0,#b47e36 74%);color:#4b2f18;box-shadow:inset 0 0 0 2px #fff0bc,0 2px 5px #0a0b0a9c}.board-caption{text-align:center;font:10px var(--display);letter-spacing:3px;color:#d2b68a;margin-top:13px}.board-under{display:flex;gap:10px;justify-content:space-between;color:#b8c2b7;background:#23342d;border:1px solid #3d5144;border-top:0;padding:13px 16px;font-size:12px}.board-actions{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;padding:19px 0}.game-sidebar{display:flex;flex-direction:column;gap:15px}.score-panel{padding:22px}.score-box{margin-top:22px}.score-box>div:not(.middle-line){display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 0}.score-box span{font-weight:650;font-size:14px}.score-box strong{font:30px var(--display);color:var(--gold)}.score-box .middle-line{color:#728478;text-align:right;border-top:1px solid #41534a;font-size:10px;height:1px;margin:7px 0}.round-list{border-top:1px solid #3f5349;border-bottom:1px solid #3f5349;margin-top:18px;padding:11px 0}.round-list>div,.score-foot>div{display:flex;justify-content:space-between;gap:6px;padding:7px 0;font-size:12px}.round-list span{color:var(--dim)}.round-list strong{font-weight:600}.score-foot{margin-top:12px}.score-foot small{color:var(--dim)}.score-foot strong{color:var(--gold)}.moves{margin-top:17px;max-height:340px;overflow:auto}.move-row{display:grid;grid-template-columns:36px 1fr 60px;gap:9px;padding:11px 0;border-bottom:1px solid #3a4b43;font-size:12px}.move-row>span:first-child{color:#8e9a93}.move-row>span:last-child{text-align:right;color:var(--gold)}.dot-blue,.dot-red{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;background:var(--blue)}.dot-red{background:var(--red)}.small-empty{margin:0;font-size:12px;padding:18px}.compact-rules p,.invite-panel p,.offer-panel p{color:var(--dim);line-height:1.75}.invite-url{border:1px dashed #8c8059;padding:11px;font-size:11px;word-break:break-all;margin:16px 0;color:#dcc9a4}.offer-panel{border-color:var(--gold)}.offer-panel .btn{margin:5px}.section-hero{background:linear-gradient(115deg,#2a372f,#1c2c28);border:1px solid #475b4b;border-radius:15px;padding:47px;margin-bottom:30px}.section-hero h1{font-size:clamp(38px,5vw,61px);margin:15px 0}.section-hero p{max-width:740px;line-height:1.75;color:var(--dim);font-size:15px}.compact-hero{padding:35px}.table-panel{padding:26px 28px}.table-scroll{overflow:auto;margin-top:18px}table{border-collapse:collapse;width:100%;text-align:left;min-width:600px}th{font-size:10px;color:#9eafa0;text-transform:uppercase;letter-spacing:1.2px;padding:15px;border-bottom:1px solid #526453}td{padding:16px;border-bottom:1px solid #364940;font-size:13px}.position{color:#acb9ad;font-weight:700}.position.medal{color:var(--gold);font-size:17px}.me-tag{font-size:9px;background:#6e603c;padding:4px 6px;color:#f5d8a0;border-radius:4px}.rating{color:var(--gold);font-size:17px}.empty-table{text-align:center;padding:38px;color:var(--dim)}.tour-toolbar{margin-bottom:19px}.t-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.t-card{display:block;padding:24px;min-height:198px;background:linear-gradient(135deg,#263630,#1a2b27);border-radius:13px;border:1px solid #506453}.t-card:hover{border-color:var(--gold)}.t-top,.t-bottom{display:flex;justify-content:space-between;align-items:center}.t-icon{font-size:25px;color:var(--gold)}.t-card h3{font:normal 25px var(--display);margin:20px 0 4px}.t-card p{color:var(--dim)}.t-bottom{border-top:1px solid #48584b;padding-top:15px;margin-top:17px;color:var(--gold);font-size:12px}.tour-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.tour-layout .panel{margin-bottom:18px}.signup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.signup-list>div{padding:12px;background:#22332e;border:1px solid #3e5348;border-radius:7px;min-height:51px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.signup-list>div>span:first-child{color:var(--gold);margin-right:10px}.avatar{color:var(--gold)}.actions-inline{margin-top:22px;display:flex;gap:12px}.bracket{overflow:auto;display:flex;gap:16px;padding:22px 0 4px}.bracket-round{min-width:205px;flex:1;display:flex;flex-direction:column;gap:13px}.bracket-label{font-size:11px;text-transform:uppercase;color:var(--gold);letter-spacing:1px;margin-bottom:7px}.bracket-match{padding:8px;border:1px solid #4e5e52;border-radius:8px;background:#23342e}.bracket-player{display:flex;justify-content:space-between;padding:11px;border-bottom:1px solid #445349;font-size:13px}.bracket-winner{background:#40533d;color:#f2d7a5;font-weight:700}.match-link{display:block;color:var(--gold);font-size:11px;margin:9px 8px 5px}.judge-controls{display:flex;flex-direction:column;gap:4px}.champion-panel{text-align:center}.champion-icon{font-size:65px;color:var(--gold)}.loading,.error-page{text-align:center;padding:100px 0;color:var(--dim)}.runemark{font-size:65px;color:var(--gold)}.error-page h2{font:normal 40px var(--display);color:var(--text)}.error-page .btn{margin-top:20px}.notice{position:fixed;bottom:28px;right:25px;padding:14px 20px;z-index:999;background:#e2c58d;color:#243029;font-weight:700;border-radius:9px;box-shadow:0 8px 35px #0008;opacity:0;transform:translateY(15px);pointer-events:none;transition:all .2s;max-width:min(470px,calc(100vw - 25px))}.notice.visible{opacity:1;transform:translateY(0)}.modal{background:#1a2926;border:1px solid #957d54;color:var(--text);border-radius:15px;width:min(510px,calc(100vw - 26px));max-height:90vh;padding:29px;box-shadow:0 30px 110px #000b}.modal::backdrop{background:#030807d9}.modal h2{font:normal 33px var(--display);margin:13px 0 8px}.modal p{line-height:1.7;color:var(--dim)}.modal-close{position:absolute;top:13px;right:13px;border:0;background:#33453a;color:var(--text);width:31px;height:31px;border-radius:50%}.modal .tabs{display:flex;gap:8px;margin:23px 0 16px}.modal .tabs button{flex:1;background:#263830;border:1px solid #59675b;padding:11px;color:#adbbaf;border-radius:6px}.modal .tabs button.current{color:#1f281f;background:var(--gold);border-color:var(--gold)}.modal form{display:flex;flex-direction:column;gap:14px}.modal form label{color:#d8d4c1;font-size:12px;font-weight:700}.modal form input,.modal form select{display:block;width:100%;margin-top:8px}.modal form button{margin-top:6px}.rules-text{overflow:auto;max-height:60vh;padding-right:4px}.rules-text h3{color:var(--gold);margin:26px 0 5px;font:normal 19px var(--display)}.rule-note{border-left:2px solid var(--gold);padding-left:12px}
@media(min-width:1200px){.board-container{max-width:640px}}
@media(max-width:1080px){.topbar{flex-wrap:wrap;padding:20px 0}.account{margin-left:auto}.nav{order:3;flex-basis:100%;justify-content:center}.mode-grid,.t-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid{grid-template-columns:minmax(0,1fr) 280px}.tour-layout{grid-template-columns:1fr}.tour-layout aside{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tour-layout aside .panel{margin:0}}
@media(max-width:800px){.wrap{width:min(100% - 28px,660px)}.content{padding-top:23px}.hero{min-height:330px}.hero-inner{width:100%;padding:38px 29px}.hero-symbol{right:-17%;opacity:.6}.mode-grid,.below-grid,.game-grid,.t-grid{grid-template-columns:1fr}.mode-card{min-height:250px}.game-sidebar{display:grid;grid-template-columns:1fr 1fr}.players-strip{padding:12px}.room-head{align-items:flex-start}.room-head>button{padding:9px}.room-head h1{font-size:39px}.board-frame{padding:13px 9px}.board-container{max-width:620px}.piece{font-size:clamp(12px,3.6vw,27px)}.score-panel{padding:18px}.section-hero{padding:31px 23px}.footer{flex-wrap:wrap}.signup-list{grid-template-columns:1fr}}
@media(max-width:520px){.wrap{width:calc(100% - 20px)}.topbar{min-height:76px;gap:12px}.logo .logomark{width:36px;height:36px;font-size:25px}.logo small{font-size:7px;letter-spacing:1px}.logo strong{font-size:22px}.logged{font-size:11px}.nav{justify-content:space-between}.nav a{padding:10px 12px;font-size:12px}.btn{font-size:11px;padding:9px 11px;min-height:36px}.hero-inner{padding:29px 22px}.hero h1{font-size:54px}.hero p{font-size:13px}.hero-tags{font-size:10px}.mode-card{padding:20px}.mode-foot{align-items:flex-start}.mode-foot span{font-size:10px}.section-title h2{font-size:28px}.room-head{flex-direction:column;gap:16px}.room-head h1{font-size:35px}.players-strip{padding:11px 8px}.player-strip-item{gap:5px}.player-strip-item small{font-size:7px;letter-spacing:0}.player-strip-item b{font-size:10px;max-width:125px}.color-mark{width:29px;height:29px;font-size:19px}.board-frame{padding:8px 2px}.board-ornaments{padding:0 10px;margin:4px 0}.board-container{width:100%}.board-center{grid-template-columns:13px minmax(0,1fr) 13px}.board-label{padding:0 13px}.board-label span,.side-label span{font-size:8px}.board{border-width:2px}.cell{border-width:.5px}.cell.last{box-shadow:inset 0 0 0 2px #b48e41}.piece{font-size:clamp(11px,4.7vw,23px)}.board-caption{font-size:8px;margin:8px 0}.board-under{font-size:10px}.game-sidebar{grid-template-columns:1fr}.subhead{gap:8px}.signup-list{grid-template-columns:1fr}.tour-layout aside{grid-template-columns:1fr}.score-box strong{font-size:25px}.footer{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}