*{box-sizing:border-box}body{margin:0;background:#eef6f6;color:#213c45;font-family:system-ui,'Noto Sans JP',sans-serif;font-size:16px}header{max-width:1400px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}header small{color:#397c88;font-weight:700}h1{font-size:26px;margin:4px 0}h2{font-size:17px;margin:0 0 14px}button,select{font:inherit;border:1px solid #b6ced2;border-radius:10px;padding:10px 14px;background:white;color:inherit}button{cursor:pointer;font-weight:700}button:hover:enabled{background:#e4f2f2}button:disabled{opacity:.42;cursor:default}button.primary{background:#216e83;color:white;border-color:#216e83}button.active{box-shadow:0 0 0 3px #e9b752}main{max-width:1400px;margin:auto;padding:0 24px 24px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.table{border-radius:22px;background:#d2e9ed;box-shadow:0 8px 24px #1e526014;overflow:hidden;align-self:start}.tablehead{padding:16px 22px;display:flex;justify-content:space-between;background:#216e83;color:white;font-weight:700}#dice{font-size:22px}#players{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.player{background:#fffffff0;border-radius:12px;padding:10px 8px;display:flex;gap:6px;align-items:center;border-bottom:4px solid var(--pc);font-size:14px}.player.current{outline:3px solid var(--pc)}.player strong{display:block}.avatar{height:52px;width:52px;flex-shrink:0;overflow:hidden;border-radius:50%;background:white;position:relative}.avatar img{position:absolute;max-width:none}.avatar.shikappara img{width:150px;left:-36px;top:-18px}.avatar.shonbori img{width:114px;left:-7px;top:-19px}.avatar.ramio img{width:360px;left:-82px;top:-83px}.avatar.sekai img{width:52px;left:0;top:0}#board{padding:0 12px}#board svg{width:100%;display:block;max-height:640px}.tile{stroke:#fff5d5;stroke-width:3}.number{font-size:20px;font-weight:800;pointer-events:none}.tilelabel{font-size:13px;pointer-events:none;font-weight:700}.node,.edge,.tilehit{cursor:pointer}.node:focus,.edge:focus{outline:none;filter:drop-shadow(0 0 5px #fff)}#hint{padding:14px 20px;min-height:60px;background:#ffffffd9;font-weight:600}.panel{background:white;border:1px solid #d4e2e4;border-radius:16px;padding:18px;margin-bottom:14px}#resources{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}.resource{background:var(--rc);border-radius:8px;text-align:center;padding:8px 0;font-size:13px;color:#253c3d}.resource b{display:block;font-size:23px}#actions{display:grid;gap:8px}#actions button{display:flex;justify-content:space-between;align-items:center;text-align:left}#actions small{font-size:12px;font-weight:400}.exchange{display:flex;align-items:center;gap:8px;margin-bottom:10px}.exchange select{min-width:0;width:46%;padding:8px}#trade{width:100%}#portNote{display:block;margin-top:9px;color:#5e7379;font-size:13px}#log{list-style:none;padding:0;margin:0;max-height:170px;overflow:auto;font-size:14px}#log li{padding:7px 0;border-bottom:1px solid #eef1f2}.foot{font-size:12px;display:flex;align-items:center;justify-content:space-between}.foot button{font-size:13px}dialog{border:0;border-radius:20px;max-width:560px;width:calc(100% - 32px);padding:25px;color:#213c45;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#14354088}dialog p,dialog li{line-height:1.8}dialog h2{font-size:24px}dialog button{margin-top:12px}dialog .cards{display:grid;gap:8px}.port{font-size:13px;fill:#355c6b}.score{font-size:18px;font-weight:800}@media(max-width:900px){main{grid-template-columns:1fr;padding:0 12px 20px;gap:12px}header{padding:16px}h1{font-size:21px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{margin:0}.foot{grid-column:1/-1}#players{padding:10px;gap:6px}.player{font-size:12px;flex-direction:column;text-align:center}.avatar{height:45px;width:45px}#board svg{max-height:none}}@media(max-width:520px){aside{grid-template-columns:1fr}.panel{padding:16px}.avatar{display:none}#players{gap:5px}.player{padding:8px 3px}header button{padding:8px;font-size:14px}header small{font-size:12px}.tablehead{padding:12px}#hint{font-size:14px}#board{padding:0}.tilelabel{font-size:12px}}

.header-links{display:flex;gap:10px;align-items:center}.rules-link{font-size:14px;color:#216e83;font-weight:700;text-decoration:underline;text-underline-offset:4px}@media(max-width:520px){.header-links{flex-direction:column;gap:6px;flex-shrink:0}.rules-link{font-size:12px}}

.pace-controls{padding:12px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#eef7f8}.pace-controls label{font-size:14px;font-weight:700}.pace-controls select,.pace-controls button{font-size:14px;padding:8px 10px}.pace-controls small{font-size:13px;color:#4b6973;flex-basis:100%}#lastEvent{padding:12px 18px;font-weight:700;background:#fff7dd;color:#674826;min-height:46px}#cpuNext{background:#216e83;color:white}#cpuNext[hidden]{display:none}

.island-log{background:#fff;padding:16px 20px;border-top:1px solid #d4e2e4}.island-log h2{margin-bottom:6px}.island-log #log{max-height:none;overflow:visible}.island-log li{overflow-wrap:anywhere}.island-log details{margin-top:10px}.island-log summary{cursor:pointer;color:#216e83;font-size:14px;font-weight:700;padding:8px 0}.island-log #olderLog{list-style:none;padding:0;margin:0;max-height:240px;overflow:auto;font-size:14px}.island-log #olderLog li{padding:7px 0;border-bottom:1px solid #eef1f2}.island-log details[hidden]{display:none}@media(max-width:520px){.island-log{padding:14px 16px}}