:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#e8efdf;background:#102723;font-synthesis:none;--ink:#173b32;--mint:#bee4bb;--gold:#efc879;--muted:#9aac9f;--line:#ffffff15}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 5%,#254338 0,transparent 60%),#102723;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #efc879;outline-offset:4px}button{transition:transform .18s,background .18s}button:hover:not(:disabled){transform:translateY(-2px)}.shell{max-width:1360px;margin:auto;padding:0 36px 30px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--mint);color:var(--ink);border-radius:14px;font-size:25px;transform:rotate(-8deg)}.brand strong{font-size:19px;letter-spacing:2px}.brand small{display:block;color:#8fa99a;font-size:10px;letter-spacing:3px;margin-top:5px}.nav{display:flex;align-items:center;gap:8px}.nav button,.quiet{border:1px solid var(--line);background:transparent;color:#c4d3c5;padding:9px 13px;border-radius:8px;font-size:12px}.saved{font-size:11px;color:var(--mint);margin-right:12px}.saved:before{content:'●';margin-right:7px;font-size:7px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:600}.heading{padding:30px 0 20px;display:flex;justify-content:space-between;align-items:center}.heading h1{font-size:29px;font-weight:500;letter-spacing:1px;margin:8px 0}.sub{font-size:13px;color:var(--muted);line-height:1.7}.rounds{display:flex;gap:8px;align-items:center}.rounds b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff20;color:#718d7e;border-radius:50%;font-size:12px}.rounds b.current{background:var(--gold);color:#3a3320;border-color:var(--gold)}.rounds b.past{border-color:#7baa83;color:#badea8}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.board{position:relative;overflow:hidden;border:1px solid #739b7440;border-radius:22px;background:radial-gradient(ellipse at 50% 10%,#46624a40,transparent 75%),#1c3931;box-shadow:0 18px 40px #071d2240}.board-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;position:relative;z-index:1}.pill{font-size:11px;padding:6px 10px;border:1px solid #ffffff22;border-radius:30px;color:#c0d4c0}.pill.amber{color:var(--gold);border-color:#efc87940}.cave{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;margin-top:-30px}.cave svg{width:min(460px,80%);height:240px;filter:drop-shadow(0 20px 20px #00130b40)}.die{position:absolute;right:8%;bottom:25px;display:flex;align-items:center;gap:10px}.die-square{display:grid;place-items:center;height:46px;width:46px;background:#e5dec9;border-radius:10px;color:#173b32;font-size:23px;box-shadow:0 4px 0 #aaa898;transform:rotate(8deg)}.die small{color:#a4b9a2;font-size:11px;line-height:1.7}.board-message{text-align:center;margin:0 20px 22px;min-height:44px}.board-message strong{display:block;font-size:18px;color:#dfebc8;font-weight:500}.board-message span{font-size:12px;color:#afc1a9;display:block;margin-top:8px}.players{display:grid;grid-template-columns:repeat(var(--players,4),minmax(0,1fr));gap:10px;margin:0 18px 18px}.player{background:#f1eedf;border-radius:13px;padding:15px 12px;color:var(--ink);border:2px solid transparent;position:relative}.player.you{border-color:var(--gold);background:#fbf3dc}.player.waiting{opacity:.65}.player-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:6px}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#dde4ca;border-radius:50%;font-size:18px;flex-shrink:0}.player-name{font-weight:650;font-size:12px;flex:1}.player-name small{display:block;font-weight:400;font-size:10px;color:#68836b;margin-top:3px}.role-label{font-size:11px;color:#5f765e;margin-bottom:13px}.bank-label{color:#7d8871;font-size:10px}.bank-score{font-family:Georgia,serif;font-size:30px;line-height:1.3;display:block}.bag-line{font-size:10px;color:#64705a;display:flex;justify-content:space-between;margin:12px 0 6px}.pips{display:flex;gap:3px;flex-wrap:wrap}.pip{height:6px;width:calc((100% - 21px)/8);background:#d9dec9;border-radius:2px}.pip.filled{background:#7c9b5d}.action-tag{margin-top:12px;padding:6px 3px;background:#e1e5d4;border-radius:5px;text-align:center;font-size:11px;white-space:nowrap}.action-tag.grab{background:#ebd6a9}.action-tag.home{background:#cfdfc4}.decision{margin-top:21px}.decision-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.decision-head h2{font-size:16px;font-weight:500;margin:0}.decision-head span{font-size:11px;color:var(--muted)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-card{position:relative;text-align:left;background:#eee9d6;border:1px solid #e8e1c1;border-radius:13px;padding:18px;color:#183a2f;min-height:116px;box-shadow:0 4px 0 #b7b79f}.action-card:nth-child(2){background:#edd9ab;border-color:#edd9ab;box-shadow:0 4px 0 #b5a57a}.action-card:nth-child(3){background:#bfd6b1;border-color:#bfd6b1;box-shadow:0 4px 0 #839b79}.action-card:hover:not(:disabled){transform:translateY(-5px)}.action-card b{font-size:18px;font-weight:600;display:block;margin-bottom:8px}.action-card span{font-size:11px;line-height:1.8;display:block;opacity:.8}.action-card .action-icon{position:absolute;right:15px;top:14px;font-size:28px;opacity:.4}.tip{font-size:11px;line-height:1.7;color:#98ac96;margin:14px 0}.side-panel{background:#18322b;border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:16px}.side-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d4dfcc;margin-bottom:17px}.side-title span{font-size:10px;color:#91aa91}.risk-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px}.risk-track span{height:32px;background:#365142;border-radius:5px;display:grid;place-items:center;color:#9caf95;font-size:11px}.risk-track .mid{background:#645c37;color:#d6c993}.risk-track .high{background:#754e37;color:#e4ba97}.risk-track .now{outline:2px solid #ecdc9c;outline-offset:2px;color:white}.risk-legend{display:flex;justify-content:space-between;margin:11px 0 16px;font-size:9px;color:#91a68d}.risk-value{display:flex;align-items:baseline;gap:7px}.risk-value strong{font:32px Georgia,serif;color:var(--gold)}.risk-value span{font-size:11px;color:#9caf95}.role-head{display:flex;gap:12px;align-items:center}.role-icon{font-size:30px;color:var(--gold)}.role-head h3{font-size:17px;font-weight:500;margin:0}.role-head small{font-size:10px;color:#92a890;display:block;margin-top:5px}.side-panel p{font-size:12px;line-height:1.9;color:#b0c2a7;margin:14px 0}.skill-button,.primary{border:0;border-radius:8px;background:var(--mint);color:#203d2b;padding:13px 18px;font-weight:600;font-size:13px}.skill-button{width:100%;padding:11px}.check{font-size:12px;display:flex;align-items:center;gap:8px;color:#d8e4c5;margin:12px 0}.check input{accent-color:#b9d896}.journal{max-height:200px;overflow:auto;font-size:11px;color:#9eb59b;scrollbar-width:thin}.journal-item{border-bottom:1px solid var(--line);padding:10px 0;line-height:1.8}.journal-item:first-child{padding-top:0}.journal-item b{font-weight:500;color:#d8ddc5}.continue-box{background:#203e32;border:1px solid #5f795044;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.continue-box p{font-size:12px;color:#b2c5a9;line-height:1.8;margin:6px 0}.continue-buttons{display:flex;gap:8px;flex-wrap:wrap}.footer{font-size:10px;letter-spacing:.5px;color:#76907e;display:flex;justify-content:space-between;gap:12px;margin-top:27px}.welcome{max-width:1050px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;margin:65px auto}.welcome h1{font-size:53px;line-height:1.3;letter-spacing:3px;font-weight:500;margin:18px 0}.welcome p{color:#a7bba2;font-size:14px;line-height:2}.welcome-art{border-radius:50%;background:radial-gradient(circle,#52734533,transparent 70%)}.welcome-art svg{width:100%}.setup{display:flex;align-items:center;gap:12px;margin:27px 0}.setup select{background:#294736;border:1px solid #66835a;color:#e3ebce;border-radius:8px;padding:13px}.mini-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:32px;border-top:1px solid var(--line);font-size:12px;line-height:1.9;color:#8da589}.mini-rules b{display:block;color:#dbe6c7;font-size:14px;margin-bottom:6px}.loading{padding:20vh;text-align:center;color:#becda9}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#f3e8cb;color:#314735;padding:12px 22px;border-radius:10px;z-index:20;box-shadow:0 8px 30px #001a2250;max-width:90%;font-size:13px;display:none}#notice.show{display:block}dialog{background:#f3eedf;color:#234033;border:0;border-radius:20px;padding:28px;max-width:640px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#061c16bb;backdrop-filter:blur(5px)}dialog h2{margin:0;font-size:23px}dialog h3{font-size:15px;margin-top:25px}dialog p,dialog li{font-size:13px;line-height:1.9;color:#536449}dialog .modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}dialog .quiet{color:#375139;border-color:#87987844}dialog textarea{width:100%;border:1px solid #b4bca7;border-radius:8px;padding:12px;min-height:100px;background:#fffdf4;margin:15px 0;resize:vertical}dialog select{padding:10px;border-radius:6px;background:#fffdf4;border:1px solid #b4bca7;width:100%}dialog .session{padding:15px 0;border-bottom:1px solid #c5ccbc;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.score-table{width:100%;border-collapse:collapse;font-size:13px}.score-table td,.score-table th{text-align:left;padding:12px 8px;border-bottom:1px solid #c7d0be}.score-table th{color:#758269;font-size:11px}.end-card{background:#eee8d2;color:#223b2c;border-radius:16px;padding:27px}.end-card h2{font-size:28px;font-weight:500;margin:8px 0 20px}.end-card .sub{color:#67765b}.end-card .primary{background:#35583c;color:#f2efdb}.end-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.errorbar{background:#6d4530;color:#ffe2b4;padding:12px 20px;border-radius:10px;margin:16px 0;font-size:13px;display:flex;justify-content:space-between;gap:15px;align-items:center}.errorbar button{white-space:nowrap}.legend-strip{font-size:11px;display:flex;align-items:center;gap:10px;line-height:1.8;color:#a8ba9d;margin-bottom:12px}.nowrap{white-space:nowrap}@media(min-width:1100px){.players.five .player{padding:12px 8px}.players.five .avatar{width:24px;height:24px;font-size:14px}.players.five .player-name{font-size:11px}}@media(max-width:1050px){.shell{padding:0 22px 25px}.layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.player{padding:12px 8px}.avatar{display:none}.side-panel{padding:16px}.saved{display:none}.heading h1{font-size:25px}.action-card{padding:14px}.action-icon{display:none}}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sidebar .side-panel:last-child{grid-column:1/-1}.side-panel{margin:0}.welcome{gap:20px;margin:35px auto}.welcome h1{font-size:38px}.welcome-art{display:none}.welcome{grid-template-columns:1fr;max-width:560px}.cave{min-height:180px}.cave svg{height:210px}.nav{gap:5px}.nav button{padding:8px}.footer{margin-bottom:15px}}@media(max-width:480px){.shell{padding:0 14px 20px}header{height:76px;flex-wrap:wrap;padding:12px 0}.brand strong{font-size:15px}.brand small{display:none}.brand-mark{width:30px;height:30px;font-size:20px}.nav button{font-size:10px;padding:7px}.nav .optional{display:none}.heading{padding:22px 0 14px}.heading h1{font-size:21px}.rounds{gap:4px}.rounds b{width:23px;height:23px;font-size:10px}.sub{font-size:11px}.players{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 12px 12px;gap:8px}.players.five .player:last-child{grid-column:1/-1}.player{padding:10px}.player-head{margin-bottom:6px}.role-label{margin-bottom:7px}.bank-score{font-size:25px}.bag-line{margin-top:6px}.player-head .avatar{display:grid;width:25px;height:25px;font-size:14px}.bank-score{display:inline;margin-left:5px}.board-top{padding:13px}.pill{font-size:10px}.cave{min-height:150px}.cave svg{height:175px}.die{bottom:12px;right:8%}.die-square{width:33px;height:33px;font-size:19px}.die small{font-size:9px}.board-message strong{font-size:16px}.board-message span{font-size:10px}.actions{gap:8px}.action-card{padding:13px 9px;min-height:112px}.action-card b{font-size:16px}.action-card span{font-size:10px}.decision-head{align-items:flex-start}.decision-head span{font-size:10px;max-width:145px;text-align:right}.sidebar{grid-template-columns:1fr}.sidebar .side-panel:last-child{grid-column:auto}.continue-box{align-items:stretch;flex-direction:column}.continue-box button{flex:1}.footer{flex-direction:column}.mini-rules{gap:12px;font-size:11px}.welcome h1{font-size:41px}.legend-strip{font-size:10px}.role-head h3{font-size:16px}.end-card{padding:18px}.score-table td,.score-table th{padding:10px 5px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.players.three{--players:3}.players.four{--players:4}.players.five{--players:5}.end-card .quiet{color:#294833;border-color:#657b5440}

@media(min-width:801px){header{height:80px}.heading{padding:22px 0 16px}.cave{min-height:160px}.cave svg{height:180px}.board-message{margin-bottom:16px}.player{padding-top:12px;padding-bottom:12px}.player-head{margin-bottom:8px}.role-label{margin-bottom:8px}.bag-line{margin-top:7px}.bank-score{font-size:28px}.action-card{min-height:108px;padding:15px 18px}.decision{margin-top:18px}}
.field{display:flex;flex-direction:column;gap:9px;font-size:12px;margin-top:20px}.field input,.join-row input,.chat-form input,.invite-input{background:#294736;border:1px solid #66835a;color:#e3ebce;border-radius:8px;padding:12px;min-width:0;font:inherit}.field input{max-width:330px}.join-row{display:flex;gap:10px}.join-row input{width:210px;text-transform:uppercase}.room-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 18px;background:#264534;border:1px solid #94b88230;border-radius:12px;font-size:12px;margin-bottom:18px;color:#b9cfad}.room-bar b{color:#eed99c;letter-spacing:1px}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.lobby-seat{padding:26px;background:#19352c;border:1px dashed #77936655;border-radius:15px}.lobby-seat.occupied{border-style:solid;background:#264634}.lobby-seat h3{font-size:18px}.lobby-seat p,.lobby-seat small{font-size:12px;color:#abc19e}.lobby-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:22px 0}.chat-history{max-height:220px;overflow:auto;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.chat-history b{color:#e6cd94;font-size:11px;margin-right:8px}.chat-history div{padding:6px 0}.chat-form{display:flex;gap:8px;margin-top:12px}.chat-form input{width:100%;font-size:12px}.chat-panel{margin-top:16px}.sidebar .chat-panel{margin-top:0}.invite-input{width:100%;background:#faf6e7;color:#315534}#countdown{color:#d3c48d;font-size:11px}@media(max-width:480px){.lobby-grid{grid-template-columns:1fr 1fr}.lobby-seat{padding:16px}.setup{flex-wrap:wrap}.room-bar{font-size:11px}.chat-form{gap:5px}}
.chat-form button{white-space:nowrap;flex-shrink:0}
.player-portrait{width:100%;height:128px;object-fit:contain;background:#eee9d9;border-radius:12px;margin:12px 0 0}.role-portrait{width:100%;height:240px;object-fit:contain;border-radius:14px;background:#eee9d9;margin:8px 0 18px}.opportunity{border:1px solid #b39858;background:#faf1d7}.opportunity h3{margin:10px 0}.awake{background:radial-gradient(ellipse at center,#af593855,transparent 70%)}.awake svg{filter:drop-shadow(0 0 15px #ef9657)}.dragon-awakening{pointer-events:none;position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,transparent 25%,#cf59236b);animation:awakening 2.6s both}.dragon-awakening span{font-size:clamp(40px,9vw,100px);font-weight:900;color:#ffe5a5;text-shadow:0 4px 30px #391b13;background:#612c22de;border-radius:24px;padding:16px 30px;animation:roar .45s}.dragon-awakening small{color:#fff0cd;background:#612c22de;padding:10px 20px;border-radius:0 0 15px 15px;font-size:22px}@keyframes awakening{0%{opacity:0}12%,70%{opacity:1}100%{opacity:0}}@keyframes roar{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px) rotate(-2deg)}75%{transform:translateX(7px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.dragon-awakening,.dragon-awakening span{animation:none}}@media(max-width:640px){.player-portrait{height:90px}.nav{flex-wrap:wrap}.room-bar{flex-wrap:wrap;gap:10px}}
.opportunity{margin-bottom:20px;color:#254638}.opportunity h3,.opportunity .side-title{color:#254638}.opportunity p,.opportunity .side-title span{color:#48604c}.opportunity p{margin-bottom:0}.dragon-awakening:before,.dragon-awakening:after{content:'✦  ·  ✧  ·  ✦';position:absolute;left:10%;right:10%;top:25%;text-align:center;font-size:clamp(30px,5vw,70px);color:#ffd665;letter-spacing:25px}.dragon-awakening:after{top:70%;transform:rotate(180deg)}
.cave .dragon-art{display:block;width:min(100%,510px);height:280px;object-fit:contain;border-radius:30px;mix-blend-mode:lighten}.welcome-art .dragon-art{display:block;width:100%;height:auto;border-radius:32px;mix-blend-mode:lighten}.awake .dragon-art{filter:drop-shadow(0 0 12px #ef96575c)}@media(max-width:640px){.cave .dragon-art{height:210px;width:100%}}