.dice-page{background:radial-gradient(circle at 17% 2%,#6f392329,#0000 32rem),#0f0e0d;min-height:100vh}.dice-topbar{z-index:30;position:sticky;top:0}.dice-workbench{width:min(1320px,100% - 36px);margin:0 auto;padding-bottom:100px}.dice-intro{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:clamp(36px,7vw,96px);padding:70px 0 48px;display:grid}.dice-intro h1{color:#f0dcc2;max-width:860px;margin:7px 0 16px;font-family:Noto Serif TC,serif;font-size:clamp(38px,5vw,62px);line-height:1.15}.dice-intro>div>p:last-child{color:#a99a87;max-width:780px;font-size:15px;line-height:1.75}.dice-intro aside{background:#241c17d1;border:1px solid #614b3a;padding:20px}.dice-intro aside strong{color:#d6a66d;letter-spacing:.1em;font-size:10px}.dice-intro aside p{color:#ddc9ae;margin:8px 0 0;font-family:Noto Serif TC,serif;line-height:1.9}.dice-layout{grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr);align-items:start;gap:10px;display:grid}.dice-controls,.dice-result{background:#141211f5;border:1px solid #51463d}.dice-controls>header,.dice-result>header{border-bottom:1px solid #4b423a;grid-template-columns:42px 1fr;gap:14px;padding:20px;display:grid}.dice-controls>header>span,.dice-result>header>span{color:#c37e47;font-family:ui-monospace,monospace;font-size:10px}.dice-controls h2,.dice-result h2{color:#e5cdae;font-size:21px}.dice-controls header p,.dice-result header p{color:#8f8274;margin:3px 0 0;font-size:10px;line-height:1.55}.dice-controls fieldset{border:0;border-bottom:1px solid #443c35;margin:0;padding:18px 20px}.dice-controls legend{color:#d9bf9d;padding:0;font-size:11px;font-weight:800}.dice-thought-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:10px;display:grid}.dice-thought-grid button{border:1px solid #4d443d;border-top:2px solid var(--tone,#735d49);min-height:78px;color:inherit;cursor:pointer;background:#171513;justify-items:center;gap:2px;padding:8px 4px;display:grid}.dice-thought-grid button.selected{background:#66371d47;border-color:#d08b4c;box-shadow:inset 0 -3px #d08b4c}.dice-thought-grid button>span{color:#b77c47;font-family:ui-monospace,monospace;font-size:9px}.dice-thought-grid button strong{color:#dfc9ab;font-size:12px}.dice-thought-grid button small{color:#786f67;font-size:7px}.dice-control-pair{border-bottom:1px solid #443c35;grid-template-columns:repeat(2,1fr);gap:8px;padding:18px 20px;display:grid}.dice-control-pair label{border:1px solid #50463e;grid-template-columns:1fr auto;gap:4px 10px;padding:11px;display:grid}.dice-control-pair label>span{color:#bca78e;font-size:10px}.dice-control-pair select,.dice-extra select{color:#e3caa7;background:#11100f;border:1px solid #68513d;min-width:80px}.dice-control-pair small{color:#7f766d;grid-column:1/-1;font-size:8px}.dice-extra{gap:7px;display:grid}.dice-extra>label{cursor:pointer;border:1px solid #4a423b;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 11px;display:grid}.dice-extra>label:has(input[type=checkbox]){grid-template-columns:auto 1fr}.dice-extra input{accent-color:#bd7845}.dice-extra span{display:grid}.dice-extra strong{color:#cbb397;font-size:10px}.dice-extra small{color:#7f756b;font-size:8px;line-height:1.45}.dice-pool-preview{border:1px solid #50463e;grid-template-columns:repeat(6,1fr);margin:18px 20px 10px;display:grid}.dice-pool-preview div{justify-items:center;gap:2px;padding:9px 3px;display:grid}.dice-pool-preview div+div{border-left:1px solid #50463e}.dice-pool-preview small{color:#7f756a;font-size:7px}.dice-pool-preview strong{color:#d99958;font-family:ui-monospace,monospace;font-size:15px}.dice-roll-button{color:#ffe7c8;width:calc(100% - 40px);min-height:48px;font:inherit;cursor:pointer;background:#823a30;border:1px solid #cb7e47;margin:0 20px 18px;font-size:12px;font-weight:900;display:block}:is(.dice-roll-button:hover,.dice-roll-button:focus-visible){outline-offset:2px;background:#9c4737;outline:2px solid #dd8f4d40}.dice-manual{border:1px solid #484039;margin:0 20px 20px}.dice-manual summary{color:#9e8f7d;cursor:pointer;padding:11px;font-size:9px}.dice-manual>div{border-top:1px solid #484039;grid-template-columns:1fr auto;gap:7px;padding:11px;display:grid}.dice-manual label,.dice-manual p{color:#988978;grid-column:1/-1;font-size:9px}.dice-manual input{color:#dfcbb1;background:#11100f;border:1px solid #5e5146;min-height:42px;padding:8px 10px}.dice-manual button{color:#d9bb92;cursor:pointer;background:#5e3b1f3d;border:1px solid #766044}.dice-manual p{color:#df8e82;margin:0}.dice-empty{text-align:center;align-content:center;justify-items:center;min-height:560px;padding:30px;display:grid}.dice-empty strong{color:#cdb596;font-family:Noto Serif TC,serif;font-size:20px}.dice-empty p{color:#81766b;max-width:440px;font-size:10px;line-height:1.6}.dice-row{flex-wrap:wrap;justify-content:center;gap:7px;padding:24px 20px 14px;display:flex}.dice-die{border:1px solid var(--tone,#645345);border-top:3px solid var(--tone,#645345);width:84px;min-height:104px;color:inherit;background:#181614;place-items:center;padding:8px;display:grid;position:relative}.dice-die:disabled{opacity:1}.dice-die strong{color:#f1d8b7;font-family:ui-monospace,monospace;font-size:27px}.dice-die span{color:#bca589;font-size:10px}.dice-die small{color:#746b62;font-size:7px}.dice-die em{color:#e1a361;margin-top:4px;font-size:7px;font-style:normal}.dice-die.root{border-style:double}.dice-die.blood{box-shadow:inset 0 0 0 1px #b5493f4d}.dice-die.fate{box-shadow:inset 0 0 0 1px #8b67ac52}.dice-die.aid{box-shadow:inset 0 0 0 1px #5b855d59}.dice-die.rerollable{cursor:pointer;animation:1.8s ease-in-out infinite dice-pulse}:is(.dice-die.rerollable:hover,.dice-die.rerollable:focus-visible){outline:2px solid #de9b5647;transform:translateY(-2px)}@keyframes dice-pulse{50%{box-shadow:0 0 18px #d48b472e}}.dice-note{color:#9d8d7a;background:#57311b21;border-left:2px solid #996744;margin:0 20px 14px;padding:9px 11px;font-size:9px}.dice-groups{border-top:1px solid #443c35;padding:15px 20px 20px}.dice-groups>strong{color:#d4bc9c;font-size:11px}.dice-groups>div{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:9px;display:grid}.dice-groups button{color:inherit;text-align:left;cursor:pointer;background:#171513;border:1px solid #55483d;grid-template-columns:1fr auto;gap:3px 8px;padding:11px;display:grid}.dice-groups button.selected{background:#65371c45;border-color:#d18b4b;box-shadow:inset 3px 0 #d18b4b}.dice-groups button span{color:#d1b796;font-size:10px}.dice-groups button strong{color:#dc9352}.dice-groups button small{color:#7c7166;grid-column:1/-1;font-size:8px}.dice-groups .self-scatter{color:#9b9aaa;text-align:center;width:100%;margin-top:7px;display:block}.dice-no-group{background:#36364026;border:1px solid #585865;margin:18px 20px;padding:16px}.dice-no-group strong{color:#cfced8}.dice-no-group p{color:#92919d;font-size:10px}.dice-resolution{background:linear-gradient(135deg,#69381e33,#121110f2);border:1px solid #604a3b;margin:0 20px 20px;padding:19px}.dice-resolution>span{color:#d08a4b;letter-spacing:.12em;font-size:9px;font-weight:900}.dice-resolution h3{color:#ead3b4;margin:4px 0;font-family:Noto Serif TC,serif;font-size:20px}.dice-resolution>p,.dice-resolution>small{color:#9c8c79;font-size:10px;line-height:1.65}.dice-resolution dl{grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0;display:grid}.dice-resolution dl div{background:#ffffff04;border:1px solid #4e443b;padding:10px}.dice-resolution dt{color:#796f65;font-size:7px}.dice-resolution dd{color:#d7bf9f;margin:2px 0 0;font-size:10px}.dice-simulation{background:#171513;border:1px solid #51463c;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:center;gap:50px;margin-top:10px;padding:42px;display:grid}.dice-simulation h2{color:#e4cdae;font-size:28px}.dice-simulation p{color:#918375;font-size:11px;line-height:1.65}.dice-simulation button{color:#e0bf93;cursor:pointer;background:#683a1e3d;border:1px solid #a66b3f;min-height:44px;padding:8px 16px}.dice-simulation dl{grid-template-columns:repeat(2,1fr);gap:6px;margin:0;display:grid}.dice-simulation dl div{border:1px solid #4c433b;padding:13px}.dice-simulation dt{color:#82766a;font-size:8px}.dice-simulation dd{color:#dfa15f;margin:4px 0 0;font-family:ui-monospace,monospace;font-size:20px}.dice-simulation aside{color:#877b6e;font-size:10px;line-height:1.7}.dice-thought-grid .fire,.dice-die.fire{--tone:#a94236}.dice-thought-grid .water,.dice-die.water{--tone:#397899}.dice-thought-grid .earth,.dice-die.earth{--tone:#a8843f}.dice-thought-grid .wind,.dice-die.wind{--tone:#638366}.dice-thought-grid .aether,.dice-die.aether{--tone:#87719b}.dice-thought-grid .shadow,.dice-die.shadow{--tone:#66656a}@media (max-width:980px){.dice-layout,.dice-intro,.dice-simulation{grid-template-columns:1fr}.dice-empty{min-height:260px}}@media (max-width:620px){.dice-workbench{width:min(100% - 20px,1320px)}.dice-intro{padding-top:42px}.dice-intro h1{font-size:38px}.dice-thought-grid{grid-template-columns:repeat(3,1fr)}.dice-control-pair{grid-template-columns:1fr}.dice-pool-preview{grid-template-columns:repeat(3,1fr)}.dice-pool-preview div:nth-child(4){border-top:1px solid #50463e;border-left:0}.dice-pool-preview div:nth-child(n+5){border-top:1px solid #50463e}.dice-groups>div,.dice-resolution dl,.dice-simulation dl{grid-template-columns:1fr}.dice-simulation{padding:24px}}