:root{--bg:#f5efe3;--panel:#fffaf0;--ink:#3a2f25;--ink-soft:#7a6a58;--line:#d8c9b0;--amber:#d99a2b;--amber-deep:#b5781a;--port:#b6ab98;--satoyama:#a9c987;--forest:#4f7e54;--shore:#82b6cb;--hikyo:#9b7cb8;--p0:#d64545;--p1:#3b6fb5;--p2:#e0b341;--p3:#e8e2d6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0}h1,h2,h3{margin:0;font-weight:700}button{font:inherit;cursor:pointer}.app{flex-direction:column;gap:14px;max-width:1000px;margin:0 auto;padding:16px;display:flex}.topbar{border-bottom:2px solid var(--amber);align-items:center;gap:12px;padding-bottom:8px;display:flex}.topbar h1{color:var(--amber-deep);letter-spacing:1px;font-size:24px}.rule-btn{border:1.5px solid var(--amber);color:var(--amber-deep);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:6px 14px;font-weight:700}.rule-btn:hover{background:#d99a2b1f}.status{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;grid-column:1/-1;gap:3px;padding:8px 14px;display:flex}.status.my-turn{border-color:var(--amber);background:#d99a2b1f}.status-top{align-items:center;gap:10px;display:flex}.turn-no{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.status-msg{color:var(--ink-soft);font-size:12px;font-weight:600}.status.my-turn .status-msg{color:var(--amber-deep)}.status .flag{color:var(--amber-deep);margin-left:auto;font-size:12px;font-weight:700}.token{border:1.5px solid #0000004d;border-radius:50%;flex:none;width:16px;height:16px;display:inline-block}.main-row{align-items:stretch;gap:14px;display:flex}.side-col{flex:none;grid-template-rows:auto auto auto 1fr;grid-template-columns:1fr 1fr;gap:10px;width:320px;display:grid}.opp{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex:1;padding:10px;transition:box-shadow .2s,border-color .2s}.opp.active{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber-bg,#d99a2b40)}.opp-head{align-items:center;gap:6px;display:flex}.opp-name{font-weight:700}.opp-strat{color:var(--ink-soft);background:var(--bg);border-radius:6px;margin-left:auto;padding:1px 6px;font-size:12px}.opp-stats{align-items:baseline;gap:10px;margin:6px 0 2px;display:flex}.score{color:var(--amber-deep);font-size:22px;font-weight:800;display:inline-block}.score-wrap{display:inline-block;position:relative}.score-bumped{animation:.6s score-bump}@keyframes score-bump{0%{transform:scale(1)}30%{color:#f0a81e;transform:scale(1.55)}60%{transform:scale(1.15)}to{transform:scale(1)}}.score-delta{color:#2e9c4a;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #fffc;font-size:15px;font-weight:800;animation:1.2s ease-out forwards score-float;position:absolute;top:-2px;left:50%;transform:translate(-50%)}@keyframes score-float{0%{opacity:0;transform:translate(-50%,6px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-24px)}}.at{color:var(--ink-soft);font-size:13px}.opp-sub{color:var(--ink-soft);gap:12px;font-size:12px;display:flex}.mid{flex:1;justify-content:center;align-items:flex-start;min-width:0;display:flex}.board{aspect-ratio:1;width:100%;max-width:600px;margin:0 auto;position:relative}.island-img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block;position:absolute;inset:0;box-shadow:0 4px 14px #3c281440}.roads{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.seat-group{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat-group.pickable{cursor:pointer}.seat-group.pickable .slot{border-color:var(--amber)}.pmark{transform-origin:bottom;display:inline-block}.seat-group.pickable .seat-free.wide{border-color:var(--amber);color:var(--amber-deep)}.seats{justify-content:center;align-items:flex-end;gap:4px;min-height:34px;display:flex}.seats.port{flex-wrap:wrap;max-width:130px}.slot{background:#fff6;border:2px dashed #7d9088;border-radius:9px;justify-content:center;align-items:flex-end;width:30px;height:34px;display:flex}.slot.taken{background:#ffffffd9;border-style:solid;border-color:#33493f}.seat-free.wide{color:var(--ink-soft);background:#fff6;border:2px dashed #7d9088;border-radius:9px;padding:6px 12px;font-size:11px}.cook{display:block}.info-card{width:116px;min-height:96px;color:var(--ink);background:#fffcf5d1;border:2px solid #33493f;border-radius:12px;padding:5px 7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #283c3240}.info-card.pickable{cursor:pointer;border-color:var(--amber);animation:.9s ease-in-out infinite card-pulse}.info-card.pickable:hover{background:#fff}@keyframes card-pulse{0%,to{box-shadow:0 0 0 1px #d99a2b40}50%{box-shadow:0 0 0 7px #d99a2bb3}}.btn-pulse{animation:.9s ease-in-out infinite card-pulse}.node-head{justify-content:center;align-items:center;gap:4px;display:flex}.hab-dot{border:1px solid #00000040;border-radius:50%;flex:none;width:10px;height:10px}.hab-name{color:var(--ink);font-size:15px;font-weight:800}.supply{flex-direction:column;align-items:center;margin-top:3px;line-height:1.05;display:flex}.supply-row{letter-spacing:-1px;font-size:12px}.trouble-box{background:#9a3b3b29;border:1px solid #9a3b3b8c;border-radius:7px;justify-content:center;align-items:center;gap:3px;margin-top:5px;padding:2px 5px;display:flex}.trouble-mark{color:#9a3b3b;font-size:10px;font-weight:800}.trouble-icons{letter-spacing:-1px;font-size:11px}.deck-stack{pointer-events:none;filter:drop-shadow(0 2px 3px #281e0a59);position:absolute;transform:translate(-50%,-50%)}.deck-svg{display:block}.you{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;grid-column:1/-1;gap:10px;min-height:0;padding:12px;display:flex}.you.active{border-color:var(--amber);box-shadow:0 0 0 2px #d99a2b40}.you-head{align-items:center;gap:8px;display:flex}.you-name{font-weight:700}.you-head .at{margin-left:auto}.you-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.zone{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.hand-zone{flex-direction:column;flex:1;min-height:0;display:flex}.zone-label{color:var(--ink-soft);margin-bottom:6px;font-size:12px;font-weight:700}.hand{flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px;min-height:32px;display:flex;overflow-y:auto}.food-chip{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:4px 10px;font-size:14px}.food-chip b{color:var(--amber-deep);margin-left:3px}.empty{color:var(--ink-soft);font-size:14px}.clickable{cursor:pointer;transition:transform .1s,box-shadow .1s}.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 6px #3c281433}.items{flex-wrap:wrap;gap:6px;display:flex}.item-chip{border:1px solid var(--amber);color:var(--amber-deep);background:#d99a2b26;border-radius:8px;padding:3px 9px;font-size:13px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint{color:var(--ink-soft);align-self:center;font-size:13px}.goal{color:var(--ink-soft);margin-left:-4px;font-size:13px}.flag{color:var(--amber-deep)}button.primary{background:var(--amber);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:700}button.primary:hover{background:var(--amber-deep)}button.primary:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}button.ghost{border:1px solid var(--line);color:var(--ink-soft);background:0 0;border-radius:8px;padding:8px 14px}button.ghost:hover{border-color:var(--ink-soft)}.drawn{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.drawn-label{color:var(--ink-soft);font-size:13px}.chip{border-radius:8px;padding:4px 10px;font-size:14px;font-weight:600}.chip-food{background:#eef3e6;border:1px solid #c7d8b0}.chip-item{border:1px solid var(--amber);color:var(--amber-deep);background:#d99a2b26}.chip-bad{color:#a33;background:#f6dcdc;border:1px solid #d88}.reveal{z-index:20;-webkit-backdrop-filter:blur(7px);cursor:pointer;background:#1e160c66;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.25s reveal-fade;display:flex;position:fixed;inset:0}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.reveal-label{color:#fff;letter-spacing:2px;text-shadow:0 2px 8px #0009;font-size:18px;font-weight:800;animation:.4s both reveal-fade}.reveal-cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.reveal-hint{color:#ffffffd9;letter-spacing:1px;text-shadow:0 1px 4px #0009;font-size:13px;animation:1.4s ease-in-out infinite hint-blink}@keyframes hint-blink{0%,to{opacity:.4}50%{opacity:.95}}.reveal-card{width:380px;max-width:90vw;animation:.5s cubic-bezier(.18,.7,.3,1.35) both card-pop-in}.card-svg{filter:drop-shadow(0 12px 26px #00000073);width:100%;height:auto;display:block}.card-effect{color:#4a4032;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;font-family:inherit;font-size:13px;line-height:1.35;display:flex}.card-effect-label{letter-spacing:1px;color:#8a7a5a;font-size:11px;font-weight:700}.dish-info{color:#4a4032;flex-direction:column;gap:6px;height:100%;font-family:inherit;display:flex}.dish-info-label{letter-spacing:1px;color:#8a7a5a;text-align:center;font-size:11px;font-weight:700}.dish-mats-list{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.dish-mat-chip{white-space:nowrap;background:#f0ece2;border:1px solid #ddd2bd;border-radius:6px;padding:1px 6px;font-size:12px}.dish-maker{color:#5a4c34;justify-content:center;align-items:center;gap:5px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.dish-maker-dot{border:1px solid #00000040;border-radius:50%;flex:none;width:11px;height:11px}@keyframes card-pop-in{0%{opacity:0;transform:translateY(26px)scale(.55)rotate(-7deg)}to{opacity:1;transform:none}}.overlay.intro-overlay{z-index:30;background:radial-gradient(circle at 50% 28%,#33444a 0%,#1c2529 60%,#131a1d 100%)}.intro-stage{perspective:1600px;width:100%;max-width:460px}.intro-letter{transform-style:preserve-3d;animation:.5s cubic-bezier(.18,.7,.3,1.2) both card-pop-in;position:relative}.intro-letter.is-sealed{cursor:pointer}.letter-body{color:#4a3c24;text-align:center;background:radial-gradient(120% 90% at 50% 0,#fff8e9 0%,#f3e6c8 70%,#ecdab6 100%);border:1px solid #d9c79a;border-radius:10px;padding:34px 30px 26px;box-shadow:0 18px 50px #281e0a73}.intro-title{color:#8a5a1e;letter-spacing:1px;margin-bottom:16px;font-size:21px}.intro-text{text-align:left;flex-direction:column;gap:11px;font-size:14px;line-height:1.85;display:flex}.intro-text b{color:#9a5a1a}.intro-sign{text-align:right;color:#7a6948;margin:18px 0 20px;font-size:13px;font-style:italic}.intro-btn{padding:10px 26px;font-size:15px}.cover{backface-visibility:hidden;z-index:2;background:linear-gradient(#efdcb4 0%,#e6cf9f 100%);border:1px solid #d3bd8c;width:100%;height:50%;transition:transform 1s cubic-bezier(.6,0,.2,1);position:absolute;left:0;box-shadow:inset 0 0 30px #96784640}.cover-top{transform-origin:top;border-bottom:1px dashed #96784680;border-radius:10px 10px 0 0;top:0}.cover-bottom{transform-origin:bottom;border-radius:0 0 10px 10px;bottom:0}.is-open .cover-top{transform:rotateX(-180deg)}.is-open .cover-bottom{transform:rotateX(180deg)}.is-open .cover{pointer-events:none}.wax-seal{z-index:3;background:radial-gradient(circle at 38% 32%,#d05a60,#a5343b 70%);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #00000059,inset 0 -2px 4px #0000004d}.is-open .wax-seal{animation:.45s ease-out forwards seal-break}@keyframes seal-break{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.4)rotate(-12deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)rotate(-22deg)}}.open-hint{z-index:4;letter-spacing:1px;color:#7a5a2a;pointer-events:none;font-size:12px;animation:1.4s ease-in-out infinite hint-blink;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.overlay.start-gate{z-index:15;-webkit-backdrop-filter:blur(3px);background:#141c188c}.start-box{flex-direction:column;align-items:center;gap:16px;animation:.45s cubic-bezier(.18,.7,.3,1.3) both card-pop-in;display:flex}.start-title{color:#fff;letter-spacing:3px;text-shadow:0 3px 12px #0009;font-size:26px;font-weight:800}.start-btn{border-radius:12px;padding:13px 32px;font-size:18px;box-shadow:0 6px 18px #d99a2b80}.confetti{z-index:25;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:0;animation-name:confetti-fly;animation-timing-function:cubic-bezier(.15,.55,.35,1);animation-fill-mode:forwards;position:absolute}@keyframes confetti-fly{0%{opacity:1;transform:translate(0)rotate(0)}75%{opacity:1}to{transform:translate(var(--tx), var(--ty)) rotate(var(--rot));opacity:0}}.markers-spawn .pmark{animation:.5s cubic-bezier(.2,.7,.3,1.5) both marker-spawn}@keyframes marker-spawn{0%{opacity:0;transform:translateY(8px)scale(0)}to{opacity:1;transform:translateY(0)scale(1)}}.overlay{z-index:10;background:#281e1473;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:14px;width:100%;max-width:460px;padding:20px;box-shadow:0 12px 40px #0000004d}.modal h3{color:var(--amber-deep);margin-bottom:12px}.modal-foot{justify-content:flex-end;margin-top:14px;display:flex}.dish-list{flex-direction:column;gap:6px;max-height:62vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dish-row{border-radius:10px}.dish{background:var(--bg);border:1px solid var(--line);text-align:left;border-radius:10px;grid-template-columns:1fr auto auto;grid-template-areas:"name fame tag""mats mats tag";align-items:center;gap:3px 10px;width:100%;padding:8px 12px;display:grid}.dish.static{cursor:default}button.dish:hover{border-color:var(--amber-deep)}.dish-row.ready .dish{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber);background:#d99a2b1f}.dish-row.done .dish,.dish-row.soldout .dish{opacity:.5}.dish-name{grid-area:name;font-weight:700}.dish-fame{color:var(--amber-deep);grid-area:fame;font-weight:800}.dish-mats{flex-wrap:wrap;grid-area:mats;gap:4px;display:flex}.dish-tag{color:var(--ink-soft);white-space:nowrap;grid-area:tag;font-size:12px}.mat{border-radius:6px;padding:1px 6px;font-size:12px}.mat-icon{margin-right:2px}.mat-ok{color:#4a6b2f;background:#e6f0d8;border:1px solid #bcd49a}.mat-need{color:#b0a48f;background:#f0ece4;border:1px dashed #cfc3ac}.modal.wide{max-width:560px}.modal.rules{max-width:920px}.rules-body{flex-direction:column;gap:16px;max-height:72vh;display:flex;overflow-y:auto}.rules-body section h4{color:var(--amber-deep);margin-bottom:5px;font-size:16px}.rules-body p,.rules-body li{color:var(--ink);font-size:13.5px;line-height:1.6}.rules-body ol{margin:0;padding-left:20px}.rules-body b{color:var(--amber-deep)}.rule-items{grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:10px;display:grid}.rule-item{align-items:center;gap:10px;display:flex}.rule-item-card{flex:none;width:64px}.rule-item-text{flex-direction:column;gap:2px;display:flex}.rule-item-text b{color:var(--ink);font-size:13px}.rule-item-text span{color:var(--ink-soft);font-size:12px;line-height:1.4}.rule-cards{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.rule-card{width:84px}.result .rank{counter-reset:r;margin:0;padding:0;list-style:none}.result .rank li{counter-increment:r;border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 4px;display:flex}.result .rank li:before{content:counter(r) "位";color:var(--amber-deep);width:34px;font-weight:800}.rank-name{font-weight:700}.rank-strat{color:var(--ink-soft);font-size:12px}.rank-score{margin-left:auto;font-weight:800}.rank-dishes{color:var(--ink-soft);font-size:12px}