:root{color-scheme:dark;--bg:#091f24;--panel:#123638;--card:#194344;--gold:#e4bd70;--cream:#fff4dc;--muted:#bdcfc5;--line:#355655;--danger:#f0ae8c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid #8d784f;border-radius:7px;background:#183b3b;color:var(--cream);padding:10px 15px;cursor:pointer;font-weight:650}button:hover:not(:disabled){background:#28514d;border-color:var(--gold)}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:var(--gold);color:#1c302c;border-color:var(--gold)}button.primary:hover:not(:disabled){background:#f4d399}.small{font-size:14px;padding:5px 10px}.text-button{background:transparent;border:0;color:var(--gold);padding:8px 0;text-align:left}input,select,textarea{border:1px solid #52716b;background:#092b2e;color:var(--cream);padding:11px 13px;border-radius:6px;width:100%}input::placeholder,textarea::placeholder{color:#8fa7a0}input[type=checkbox]{width:19px;height:19px;accent-color:var(--gold)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffe4a4;outline-offset:3px}label{display:block;margin:12px 0 5px;font-weight:600}h1,h2,h3{font-family:Georgia,serif;line-height:1.17}h1{font-size:clamp(24px,3vw,35px);margin:0;font-weight:normal}h2{font-size:29px;margin:12px 0}h3{font-size:22px;margin:10px 0}p{margin:8px 0}.masthead{display:flex;align-items:center;gap:17px;padding:22px clamp(18px,4vw,58px);border-bottom:1px solid var(--line)}.masthead p{color:var(--gold);margin:4px 0 0;font-size:14px}.brandmark{border:1px solid var(--gold);border-radius:50%;padding:12px;font:22px Georgia;color:var(--gold)}.edition{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:1.2px}main{max-width:1600px;margin:auto;padding:26px clamp(16px,3vw,45px)}[hidden]{display:none!important}.home{display:grid;grid-template-columns:1.05fr 1fr;min-height:630px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.intro-art{position:relative;background-image:url('assets/card-art.png');background-size:400% 300%;background-position:100% 100%;min-height:540px}.intro-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071f24 0%,#071f2470 54%,transparent 100%)}.intro-art>div{position:absolute;bottom:28px;left:32px;right:28px;z-index:1}.intro-art h2{font-size:clamp(34px,4vw,50px);line-height:1.09}.intro-art p{max-width:400px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:bold}.welcome{padding:32px 38px;background:var(--panel)}.welcome h2{margin-top:9px}.options{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.options>label:first-child{flex:1;min-width:185px}.check{display:flex;align-items:center;gap:9px;font-size:14px}.start-buttons{display:flex;gap:12px;margin:24px 0}.start-buttons button{flex:1}.join{border-top:1px solid var(--line);padding-top:8px}.join>div{display:flex;gap:10px}.join input{min-width:0;flex:1}.fine{font-size:13px;color:var(--muted)}#connection{font-size:14px;color:var(--muted)}#notice{max-width:1520px;margin:0 auto;background:#6c351f;color:white;padding:0 18px}#notice:not(:empty){padding:12px 18px}#notice:empty{display:none}.room-bar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding:0 0 20px}.room-bar strong{font-size:24px;letter-spacing:3px;color:var(--gold);margin:0 10px}.room-bar>div>span{font-size:13px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar button{font-size:14px;padding:8px 10px}#sync{font-size:13px;color:var(--muted)}.room-layout{display:flex;gap:24px;align-items:flex-start}.play-area{flex:1;min-width:0}.lobby{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:12px;text-align:center}.art-banner{height:180px;background-image:url('assets/card-art.png');background-size:400% 300%;background-position:100% 0;border-radius:8px}.members{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:25px 0}.member{border:1px solid var(--line);border-radius:8px;background:#0c292b;padding:14px;overflow-wrap:anywhere}.member strong{display:block}.member button{font-size:13px;margin:8px 5px 0 0;padding:4px 8px}.status-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px 12px 0 0;flex-wrap:wrap}.season>span{color:var(--gold);font-size:14px}.season h2{font-size:26px;margin:5px 0;overflow-wrap:anywhere}.season p{color:var(--muted);font-size:14px}.resources{display:flex;gap:10px;flex-wrap:wrap}.resource{min-width:87px;background:#08292b;border:1px solid #395e57;padding:8px 15px;border-radius:8px;text-align:center}.resource strong{font:29px Georgia;display:block;color:var(--gold)}.resource span{font-size:13px}.goals{display:flex;flex-wrap:wrap;gap:8px;background:#0e3031;padding:14px 20px;border:1px solid var(--line);border-top:0}.goal{font-size:14px;padding-right:15px}.goal strong{color:var(--gold)}.dice-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0;background:#163a37;border:1px solid #415c4e;border-radius:10px;padding:14px}.dice-strip>div:nth-child(2){flex:1;min-width:150px}.dice-strip p{font-size:14px;color:var(--muted);margin:2px 0}.dice-values{display:flex;gap:9px}.die{border:1px solid var(--gold);background:linear-gradient(135deg,#226565,#12383c);border-radius:10px;min-width:55px;min-height:64px;padding:4px 10px;text-align:center;box-shadow:inset 0 0 14px #ffffff15}.die:nth-child(2){background:linear-gradient(135deg,#6c376e,#372344)}.die:nth-child(3){background:linear-gradient(135deg,#6b612b,#343520)}.die small{display:block;font-size:12px;color:#e7e5cf}.die strong{font:27px Georgia;display:block}.rolling .die{animation:shake .13s infinite alternate}@keyframes shake{to{transform:rotate(7deg) translateY(-3px)}}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px}.tabs button{border-color:transparent;background:transparent;font-size:15px;padding:8px 10px}.tabs button.active{color:var(--gold);border-color:var(--gold);background:#173f3d}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:17px;align-items:stretch}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.card-art{height:160px;background-image:url('assets/card-art.png');background-size:400% 300%;flex:none}.card-body{padding:15px;display:flex;flex-direction:column;flex:1}.card h3{font-size:21px;min-height:49px}.card p{font-size:15px;color:#dae6d7}.card .description{flex:1}.card .cost{color:var(--gold);font-size:14px;padding-top:8px}.card .verse{font-size:12px;color:var(--muted);margin:5px 0 15px}.urgent{border:2px solid #dba261}.badge{font-size:12px;color:#ffd693;font-weight:bold;letter-spacing:1px}.card button{width:100%;margin-top:8px}.action-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#0c2b2e;border:1px solid var(--line);padding:15px;margin-top:22px;border-radius:10px}.action-bar button{font-size:14px}.action-bar>span{font-weight:bold;color:var(--gold);margin-right:8px}.journal{grid-column:1/-1;background:var(--panel);padding:20px;border-radius:8px;max-height:600px;overflow:auto}.journal p{border-bottom:1px solid var(--line);padding:8px 0}.ending{margin-top:14px;border:1px solid var(--gold);padding:20px;background:#274731;border-radius:9px}.ending h3{margin-top:0}.chat-panel{width:310px;flex:none;background:#123638;border:1px solid var(--line);border-radius:12px;padding:16px;position:sticky;top:12px}.chat-heading{display:flex;align-items:center;justify-content:space-between}.chat-heading h2{font-size:23px}.chat-heading button{font-size:22px;border:0;padding:0 7px}.chat-panel>p{margin-top:0}#chat-messages{height:310px;overflow:auto;border-block:1px solid var(--line);padding:10px 0;overscroll-behavior:contain}.message{padding:9px 11px;margin:8px 0;background:#092c2e;border-radius:8px;overflow-wrap:anywhere;white-space:pre-wrap}.message strong{font-size:13px;color:var(--gold);display:block}.message p{font-size:15px;margin:2px 0}.message time{font-size:12px;color:var(--muted)}#chat-form>div{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}#chat-form label{font-size:14px}details{margin-top:16px}summary{cursor:pointer;color:var(--gold);font-size:14px}dialog{border:1px solid var(--gold);border-radius:12px;background:var(--panel);color:var(--cream);width:min(700px,94vw);max-height:90vh;padding:24px}dialog::backdrop{background:#0009}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-heading h2{margin:0 0 18px;font-size:28px}.modal-heading button{font-size:24px;padding:0 8px;border:0}#modal-body p{margin:12px 0}#modal-body table{border-collapse:collapse;width:100%;font-size:14px;margin:16px 0}#modal-body td,#modal-body th{text-align:left;padding:9px;border:1px solid var(--line)}#modal-body h3{font-size:22px}#modal-body .confirm{margin-top:20px}.practice{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px}.practice label{border:1px solid var(--line);padding:10px;text-align:center;border-radius:9px}.practice .die{margin-top:8px}.practice button{font-size:14px;margin-top:8px}.practice-result{display:block;color:var(--gold)}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;max-width:1600px;margin:auto;padding:25px 45px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}@media(max-width:1100px){.chat-panel{position:fixed;right:12px;bottom:12px;top:auto;width:min(360px,calc(100vw - 24px));z-index:10;max-height:90vh;overflow:auto;box-shadow:0 10px 80px #000b}.welcome{padding:26px}.home{grid-template-columns:.9fr 1fr}.intro-art>div{left:24px}.toolbar{gap:5px}.room-bar{align-items:flex-start}}@media(max-width:720px){.home{display:block}.intro-art{min-height:290px}.intro-art h2{font-size:33px}.intro-art>div{bottom:16px}.masthead{padding:16px;gap:12px}.brandmark{display:none}.edition{display:none}.masthead p span{display:block}.welcome{padding:24px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.status-panel{padding:16px}.resources{width:100%;gap:7px}.resource{flex:1;min-width:70px}.dice-strip{gap:12px}.dice-strip>button{width:100%}.tabs button{flex:1}.action-bar button{flex:1;min-width:115px}.action-bar>span{width:100%}.room-bar strong{margin-left:5px;font-size:22px}.card-art{height:190px}main{padding-top:18px}footer{padding:20px}.start-buttons{flex-wrap:wrap}.intro-art p.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.restart-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 12px}.restart-actions button{min-height:48px}.restart-actions .primary{font-size:17px}@media(max-width:720px){.restart-actions button{width:100%}}