@import "https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@500;700&family=Noto+Sans+JP:wght@400;600;700;800&display=swap";:root{color:#34271d;font-synthesis:none;background:#c9965e;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,#0000 0 48%,#5b311514 49%,#0000 50%) 0 0/210px 100%,repeating-linear-gradient(2deg,#fff0ce14 0 2px,#6839160b 3px 5px,#0000 6px 13px),linear-gradient(115deg,#d9aa72,#bd824a 48%,#d4a26b);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.32;background:radial-gradient(at 50% -20%,#fff7df 0,#0000 55%),radial-gradient(#0000 45%,#73451f 130%);position:fixed;inset:0}button,input{font:inherit}main{width:min(1280px,100%);margin:0 auto;padding:24px clamp(14px,3vw,36px) 40px;position:relative}h1,h2,p{margin:0}h1,h2{font-family:Kaisei Decol,serif}.masthead{color:#3b2617;align-items:center;gap:14px;margin-bottom:18px;display:flex}.brand-mark{background:linear-gradient(145deg,#e8c48d,#9c5e2d);border:3px solid #51301b;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 0 0 3px #d9a96c,0 4px 8px #6b411f88}.brand-mark span{color:#54301b;text-shadow:0 1px #f4d9ac;font:800 27px/1 Kaisei Decol,serif}.title-block{flex:1}.title-block p,.eyebrow{letter-spacing:.19em;color:#88572e;font-size:.68rem;font-weight:800}.title-block h1{font-size:clamp(1.4rem,3vw,2.15rem);line-height:1.2}.game-status{background:#f2d7a7cc;border:1px solid #78502f;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.82rem;font-weight:700;display:flex;box-shadow:inset 0 1px #fff8}.game-status i{background:#9f743f;border-radius:50%;width:8px;height:8px}.game-status.live i{background:#3f8d4e;box-shadow:0 0 0 4px #3f8d4e22}.error{color:#fff;background:#8b2d27;border-radius:8px;margin-bottom:14px;padding:10px 14px}.leader-toggle,.text-button,.withdraw-button{color:#59381f;cursor:pointer;background:#f0d5a5;border:1px solid #80552e;border-radius:999px;font-size:.72rem;font-weight:800}.leader-toggle{white-space:nowrap;padding:9px 13px;box-shadow:inset 0 1px #fff8}.leader-toggle:hover,.text-button:hover,.withdraw-button:hover{background:#e7c38a}.leader-panel{background:#f3dfb5;border:2px solid #72451f;border-radius:12px;margin-bottom:20px;padding:18px;box-shadow:0 10px 22px #5a351d44,inset 0 0 25px #a16b2c24}.leader-panel-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.text-button{padding:6px 10px;font-size:.65rem}.leader-login>p,.leader-help{color:#765639;margin:0 0 10px;font-size:.72rem}.board-selection-hint{color:#765639;margin:-5px 4px 11px;font-size:.7rem;font-weight:700}.leader-login-row{gap:8px;max-width:560px;display:flex}.leader-login-row input{color:#4a2e19;letter-spacing:.08em;background:#fff7e3;border:1px solid #a37a4c;border-radius:7px;flex:1;min-width:0;padding:10px 12px}.primary-button{color:#fff4d8;cursor:pointer;background:linear-gradient(145deg,#71451f,#4d2d17);border:1px solid #4d301b;border-radius:7px;padding:9px 13px;font-size:.72rem;font-weight:800;box-shadow:0 3px #3a2112}.primary-button:disabled{opacity:.5;cursor:not-allowed}.leader-team-bar{color:var(--team-dark);background:color-mix(in srgb, var(--team-light), #f4e1b8 75%);border:1px solid var(--team);border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;font-size:.75rem;display:flex}.leader-team-dot{background:var(--team);border:2px solid var(--team-dark);border-radius:50%;width:11px;height:11px}.leader-team-bar span:not(.leader-team-dot){color:#765639;font-size:.68rem}.leader-target-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:9px;margin:12px 0;display:grid}.leader-target{color:#54351e;text-align:left;cursor:pointer;background:#e9d0a0;border:1px solid #a98152;border-radius:8px;gap:3px;min-height:83px;padding:10px;display:grid}.leader-target:hover{background:#f4dfb5;border-color:#68401f}.leader-target.selected{background:#d3e2c4;border:2px solid #3f7a4a;box-shadow:0 0 0 2px #3f7a4a33}.leader-target.high{background:#eedb8e}.leader-target.high.selected{background:#d7e4b4}.leader-target:disabled{cursor:not-allowed;opacity:.65}.leader-target span{color:#846035;font-size:.6rem;font-weight:800}.leader-target b{font-size:.75rem}.leader-target small{color:#826343;font-size:.6rem}.leader-submit{margin-top:4px}.leader-empty{color:#846747;margin:12px 0;font-size:.68rem}.leader-active-list{border-top:1px solid #a9825355;max-width:680px;margin-top:16px;padding-top:12px}.leader-active-list article{border-bottom:1px solid #b3936744;justify-content:space-between;align-items:center;gap:10px;padding:9px 2px;display:flex}.leader-active-list article>div{align-items:baseline;gap:9px;display:flex}.leader-active-list small{color:#826343;font-size:.62rem}.withdraw-button{padding:5px 9px;font-size:.62rem}.withdraw-button:disabled{opacity:.5;cursor:wait}.leader-error,.leader-message{margin:10px 0 0;font-size:.68rem;font-weight:700}.leader-error{color:#9b312b}.leader-message{color:#397145}.game-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.map-panel,.score-panel{background:#f1dfb9;border:1px solid #704622;border-radius:12px;min-width:0;padding:17px;box-shadow:0 12px 28px #5a351d55,inset 0 0 35px #a16b2c24}.panel-heading,.score-heading{justify-content:space-between;align-items:end;margin:0 4px 14px;display:flex}h2{color:#432b1a;font-size:1.25rem}.map-facts{gap:6px;display:flex}.map-facts span{color:#72502f;background:#dbc092;border-radius:4px;padding:5px 8px;font-size:.69rem;font-weight:700}.refresh-button{color:#60401f;cursor:pointer;background:#f0d9ae;border:1px solid #8b673e;border-radius:4px;padding:5px 9px;font-size:.69rem;font-weight:800}.refresh-button:disabled{opacity:.55;cursor:wait}.board-frame{background:repeating-linear-gradient(4deg,#0000 0 7px,#3d1e0c18 8px 9px),linear-gradient(135deg,#b77b3e,#e2b777 30%,#8b5129 70%,#c99050);border:4px solid #4a2916;border-radius:20px;padding:32px clamp(16px,3vw,34px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #e1b472,inset 0 0 0 8px #6b3d20,0 9px #3d2417,0 14px 18px #4d2a1877}.board-frame:before,.board-frame:after{content:"";opacity:.38;border:2px solid #6b3c1f;width:70px;height:70px;position:absolute;transform:rotate(45deg)}.board-frame:before{top:-38px;left:-38px}.board-frame:after{bottom:-38px;right:-38px}.board-inset{scrollbar-width:thin;background:radial-gradient(circle,#58635f 0,#323d3a 74%);border:4px solid #30231c;border-radius:9px;padding:14px 16px 58px;overflow:auto;box-shadow:inset 0 4px 12px #111a,0 0 0 2px #e3bf84}.board-ornament{color:#6d3e20;letter-spacing:.35em;z-index:2;white-space:nowrap;font-size:.62rem;position:absolute;left:50%;transform:translate(-50%)}.board-ornament.top{top:8px}.board-ornament.bottom{bottom:7px}.hex-board{--hex-w:92px;--hex-overlap:-23px;--hex-half:41px;width:max-content;margin:0 auto;padding-right:5px;display:flex}.hex-column{width:var(--hex-w);flex:0 0 var(--hex-w);flex-direction:column;display:flex}.hex-column+.hex-column{margin-left:var(--hex-overlap)}.hex-column.odd{transform:translateY(var(--hex-half))}.hex{width:var(--hex-w);aspect-ratio:1.14;clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%);filter:drop-shadow(0 5px 2px #1118);background:#151b1b;flex:none;padding:4px;position:relative}.hex+.hex{margin-top:2px}.tile{clip-path:inherit;background:repeating-linear-gradient(8deg,#0000 0 6px,#24332d0a 7px 8px),linear-gradient(145deg,#b6c0b8,#87948e 58%,#67736e);place-items:center;display:grid;position:absolute;inset:4px;overflow:hidden;box-shadow:inset 0 0 0 3px #d9d8c8,inset 0 -10px 12px #34443b44}.tile:after{content:"";clip-path:inherit;border:1px solid #27342e66;position:absolute;inset:6px}.hex.high{background:#3e2e16}.hex.high .tile{background:repeating-linear-gradient(8deg,#0000 0 6px,#6e4e1311 7px 8px),linear-gradient(145deg,#e8d686,#bd973f 58%,#967121);box-shadow:inset 0 0 0 3px #f3e5aa,inset 0 -10px 12px #62440f55}.hex.owned{background:var(--team-dark)}.hex.owned .tile{box-shadow:inset 0 0 0 4px var(--team), inset 0 -11px 12px #17201855}.hex.base .tile{background:linear-gradient(145deg, color-mix(in srgb, var(--team-light), #e8d6ad 65%), color-mix(in srgb, var(--team), #9a7855 70%))}.terrain-mark{color:#42544b55;font:700 34px/1 serif;transform:rotate(-8deg)}.treasure{color:#75540d;text-shadow:0 1px #fff3a8;font-size:25px}.tile>small{color:#26372fbb;z-index:2;font-size:.54rem;font-weight:800;position:absolute;bottom:10px}.token{z-index:3;background:linear-gradient(145deg, var(--team-light), var(--team) 55%, var(--team-dark));border:2px solid var(--team-dark);width:34px;height:29px;box-shadow:0 6px 0 var(--team-dark), 0 9px 8px #1a181599, inset 0 2px 3px #fff5;border-radius:50%;position:absolute}.token i{color:#2e2118cc;place-items:center;height:100%;font-size:16px;font-style:normal;display:grid;transform:translateY(-1px)}.contest-count{z-index:4;color:#fff;background:#3e2920;border:1px solid #f2d39b;border-radius:50%;place-items:center;width:19px;height:19px;font-size:.62rem;font-weight:800;display:grid;position:absolute;top:12px;right:13px}.hex.contested{background:var(--team-dark,#3e2920);animation:2.6s ease-in-out infinite contest-pulse}.hex.contested .tile{box-shadow:inset 0 0 0 3px var(--team,#d2ad6f), inset 0 -10px 12px #34443b44}@keyframes contest-pulse{50%{filter:drop-shadow(0 4px 5px #f3ca68aa)}}.hex.leader-selectable{cursor:pointer;animation:1.8s ease-in-out infinite leader-select-pulse}.hex.leader-selectable .tile{box-shadow:inset 0 0 0 3px #f4d969,inset 0 0 0 6px #8a682e88,inset 0 -10px 12px #34443b44}.hex.leader-selectable:hover{filter:drop-shadow(0 0 10px #fff0a8)drop-shadow(0 5px 2px #1118);animation:none}.hex.leader-selected{filter:drop-shadow(0 0 8px #71a66e)drop-shadow(0 5px 2px #1118);animation:none}.hex.leader-selected .tile{box-shadow:inset 0 0 0 4px #397145,inset 0 0 0 7px #c9e1ad,inset 0 -10px 12px #34443b44}@keyframes leader-select-pulse{50%{filter:drop-shadow(0 0 9px #f4d969)drop-shadow(0 5px 2px #1118)}}.board-frame.loading .hex-board{opacity:.35}.legend{color:#5b4029;flex-wrap:wrap;gap:8px 14px;padding:15px 4px 0;font-size:.7rem;font-weight:700;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend span>i{background:var(--team);border:2px solid var(--team-dark);color:#fff;border-radius:50%;place-items:center;width:13px;height:13px;font-size:.55rem;font-style:normal;display:grid}.legend .legend-high>i{color:#7c5b0d;background:#e0bd50;border-color:#977527}.legend .legend-contest>i{background:#3e2920;border-color:#c7a36e}.score-panel{padding:16px 14px}.score-heading{margin-bottom:8px}.score-panel ol{margin:0;padding:0;list-style:none}.score-panel li{border-bottom:1px solid #b393672f;grid-template-columns:24px 34px 1fr auto;align-items:center;gap:8px;padding:13px 6px;display:grid}.rank{color:#8a633a;text-align:center;font:700 1.15rem/1 Kaisei Decol,serif}.team-piece{background:linear-gradient(145deg, var(--team-light), var(--team));border:2px solid var(--team-dark);width:28px;height:22px;box-shadow:0 4px 0 var(--team-dark), 0 6px 5px #57361c55;border-radius:50%}.team-name{min-width:0}.team-name b{white-space:nowrap;text-overflow:ellipsis;font-size:.87rem;display:block;overflow:hidden}.team-name small{color:#8a6b4c;margin-top:2px;font-size:.63rem;display:block}.points{color:#4f321d;font-size:1.18rem}.points small{margin-left:2px;font-size:.58rem}.team-stats{color:#806143;grid-column:3/5;justify-content:space-between;gap:8px;padding-top:5px;font-size:.6rem;display:flex}.team-stats span{white-space:nowrap}.team-stats b{color:#5e432c;margin-left:2px}.active-routes{border-top:2px solid #9b754943;margin:16px 3px 0;padding-top:13px}.routes-heading{color:#5b3b21;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.76rem;display:flex}.routes-heading>b{text-align:center;background:#d7b981;border-radius:999px;min-width:22px;padding:2px 6px}.active-routes>p{color:#846747;padding:12px 2px;font-size:.66rem}.active-routes article{border-bottom:1px solid #b393672f;padding:9px 2px}.route-label{grid-template-columns:10px auto 1fr;align-items:center;gap:5px;font-size:.66rem;display:grid}.route-label>i{background:var(--team);border:1px solid var(--team-dark);border-radius:50%;width:8px;height:8px}.route-label small{color:#826444;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.route-values{color:#6e5134;justify-content:space-between;margin:5px 0 4px 15px;font-size:.6rem;display:flex}.route-values>b{color:var(--team-dark)}.route-progress{background:#9e835d46;border-radius:999px;height:6px;margin-left:15px;overflow:hidden;box-shadow:inset 0 1px 2px #53351d33}.route-progress>i{border-radius:inherit;background:linear-gradient(90deg, var(--team-dark), var(--team));min-width:2px;height:100%;transition:width .35s;display:block}.game-meta{background:#dfc79b88;border:1px solid #b08b5c55;border-radius:7px;margin:17px 4px 2px;padding:12px}.game-meta div{justify-content:space-between;gap:8px;padding:4px 0;font-size:.65rem;display:flex}.game-meta dt{color:#8b6947}.game-meta dd{text-align:right;margin:0;font-weight:700}@media (width<=980px){.game-layout{grid-template-columns:1fr}.score-panel ol{grid-template-columns:repeat(2,1fr);gap:0 14px;display:grid}}@media (width<=660px){main{padding:14px 9px 28px}.brand-mark{width:44px;height:44px}.game-status{padding:7px 9px}.map-panel,.score-panel{padding:11px}.map-facts{display:none}.leader-toggle{padding:7px 8px;font-size:.62rem}.leader-panel{padding:13px}.leader-login-row{flex-direction:column}.leader-login-row .primary-button{width:100%}.board-frame{padding:27px 9px}.board-inset{padding:9px 10px 42px}.hex-board{--hex-w:54px;--hex-overlap:-13px;--hex-half:24px}.hex{padding:3px}.tile{inset:3px}.token{width:26px;height:21px;box-shadow:0 4px 0 var(--team-dark), 0 6px 5px #1a181577}.token i{font-size:12px}.tile>small{font-size:.47rem;bottom:7px}.treasure{font-size:19px}.contest-count{width:16px;height:16px;top:8px;right:8px}.score-panel ol{grid-template-columns:1fr}}