*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030504;color:#d7b66d;font-family:Georgia,"Times New Roman",serif}button,input{font:inherit}.screen{display:none;min-height:100vh}.screen.on{display:block}button{background:linear-gradient(#17130e,#0b0b09);border:1px solid #8b6229;color:#e6c47b;padding:12px 18px;cursor:pointer;letter-spacing:.04em;box-shadow:inset 0 0 18px #000,0 0 0 1px #17110a}button:hover{border-color:#d6a24a;background:linear-gradient(#2a1d10,#0e0d09)}button:focus-visible,input:focus-visible{outline:2px solid #e4ba62;outline-offset:2px}.gold{background:linear-gradient(#493017,#161008)}
.home-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(1,3,2,.34),rgba(1,3,2,.92)),url('a/brand.png');background-size:cover;background-position:center;filter:saturate(.8) brightness(.64)}.home-vignette{position:fixed;inset:0;background:radial-gradient(circle at 50% 38%,rgba(111,68,29,.12),rgba(0,0,0,.48) 48%,#020303 88%)}.home-center{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px}.sigil{font-size:62px;color:#e0b256;text-shadow:0 0 28px #7b4d1f}.home-center h1{font-size:clamp(44px,5vw,76px);letter-spacing:.08em;margin:4px 0;color:#e3bd70;text-shadow:0 3px 18px #000}.motto{letter-spacing:.42em;font-size:13px}.home-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:30px 0 16px}.hero-shelf{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:980px}.hero-chip{background:rgba(5,7,6,.88);border:1px solid #6c512d;padding:10px 14px;min-width:220px;text-align:left}.hero-chip b{display:block;color:#f0d28e}.hero-chip small{color:#a99875}
.topbar,.table-head{height:54px;border-bottom:1px solid #725126;background:#070908;display:flex;align-items:center;gap:18px;padding:0 16px}.topbar>div,.table-head span{flex:1}.topbar small{color:#98866a;margin-left:8px}.forge{display:grid;grid-template-columns:190px minmax(520px,1fr) 360px;min-height:calc(100vh - 54px);background:radial-gradient(circle at 50% 25%,#21170e,#060807 55%)}.steps{border-right:1px solid #4a351e;padding:22px 12px;background:rgba(5,7,6,.92)}.step{padding:12px 10px;border-left:2px solid #3f3020;color:#89785e;margin:4px 0}.step.active{border-color:#d4a04b;color:#ebc776;background:#1b130c}.step.done{color:#c5ad78}.forge-main{padding:28px;min-width:0}.forge-card{max-width:920px;margin:0 auto;border:1px solid #795526;background:rgba(7,10,9,.95);box-shadow:0 16px 50px #000;padding:24px;min-height:620px}.forge-card h2{font-size:30px;margin:0 0 4px}.lede{color:#b5a380;margin:0 0 22px;line-height:1.5}.field{display:grid;gap:8px;margin:16px 0}.field input{background:#050706;color:#f1d79a;border:1px solid #5c4527;padding:13px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:480px;overflow:auto;padding-right:4px}.choice{padding:14px;text-align:left;min-height:78px}.choice strong{display:block;font-size:16px}.choice small{display:block;color:#9f8d6d;margin-top:6px;line-height:1.35}.choice.sel{outline:2px solid #d6a24a;background:linear-gradient(#332210,#0d0d09)}.forge-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.codex{border-left:1px solid #4b361e;background:#050706;padding:18px;overflow:auto}.codex-title{font-size:12px;letter-spacing:.15em;border-bottom:1px solid #604725;padding-bottom:10px;margin-bottom:12px}.codex img{display:block;width:100%;height:auto;border:1px solid #654825;box-shadow:0 8px 30px #000}.codex p{font-size:13px;color:#9f8c6d;line-height:1.5}.dice-stage{border:1px solid #604624;background:radial-gradient(circle,#24170d,#080908 70%);padding:20px;margin:14px 0}.dice-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;min-height:88px;align-items:center}.cube{width:64px;height:64px;display:grid;place-items:center;background:linear-gradient(145deg,#2d1b0d,#0d0c09);border:2px solid #c5913d;border-radius:12px;font:bold 28px Georgia;color:#f3d690;box-shadow:inset 0 0 18px #000,0 7px 20px #000;transform-style:preserve-3d}.cube.rolling{animation:tumble .16s linear infinite}@keyframes tumble{0%{transform:rotateX(0) rotateY(0) scale(1)}50%{transform:rotateX(145deg) rotateY(90deg) scale(1.12)}100%{transform:rotateX(300deg) rotateY(220deg) scale(1)}}.roll-info{text-align:center;margin-top:12px;color:#bca77d}.roll-pool{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.roll-chip{width:74px;height:52px;font-size:20px}.roll-chip.sel{outline:2px solid #f2c66b}.assign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-slot{border:1px solid #594222;padding:12px;background:#0a0c0b;min-height:76px}.stat-slot button{width:100%;margin-top:8px}.stat-row{display:flex;justify-content:space-between;align-items:baseline}.stat-row b{font-size:22px}.mod{font-size:12px;color:#90a68a}.review{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review-card{border:1px solid #5d4526;background:#090b0a;padding:16px}.review-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.review-stat{border:1px solid #44341f;padding:10px;text-align:center}.review-stat b{display:block;font-size:22px}.derived{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.derived div{background:#181107;border:1px solid #634823;padding:12px;text-align:center}.derived b{display:block;font-size:20px}.hint{font-size:12px;color:#a08d6d}.warn{color:#d58c67}.ok{color:#89ab78}
.table-head button{margin-left:auto}.layout{display:grid;grid-template-columns:250px minmax(600px,1fr) 300px;height:calc(100vh - 54px)}aside.left,aside.right{background:#070a09;padding:12px;overflow:auto}.left{border-right:1px solid #5c4325}.right{border-left:1px solid #5c4325}.left h3,.right h3{border-bottom:1px solid #6b4b24;padding-bottom:7px}.turn{padding:8px;border-bottom:1px solid #302719;display:flex;justify-content:space-between}.turn.now{background:#34210d;outline:1px solid #c28a36}.gm{padding:12px;background:#151109;border:1px solid #59401f;line-height:1.5}.logline{font:14px system-ui;color:#c8bda6;padding:6px;border-bottom:1px solid #222}.logline.combat{color:#d76645}.logline.player{color:#56a7dd}.chat{display:flex;margin-top:12px}.chat input{min-width:0;flex:1;background:#080b0b;border:1px solid #554329;color:#e9d6a7;padding:10px}.chat button{padding:8px 12px}.board-wrap{position:relative;overflow:hidden;background:#030404}canvas{display:block;width:100%;height:calc(100% - 92px);cursor:grab;background:#111}.actions{height:92px;display:flex;justify-content:center;align-items:center;gap:8px;background:#0b0b09;border-top:1px solid #715128}.actions button{width:82px;height:70px;font-size:26px}.actions span{display:block;font-size:11px;margin-top:7px}.actions button.active{outline:2px solid #d79b3d}.dieBtn{width:58px;height:58px;border-radius:14px;margin:3px}#rollResult{font-size:27px;text-align:center;padding:10px}.tokenInfo{padding:8px;line-height:1.55}
@media(max-width:1180px){.forge{grid-template-columns:160px 1fr}.codex{display:none}.layout{grid-template-columns:220px 1fr}.right{display:none}}@media(max-width:760px){.forge{grid-template-columns:1fr}.steps{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #4a351e}.step{white-space:nowrap}.forge-main{padding:12px}.choice-grid{grid-template-columns:1fr}.assign-grid,.review{grid-template-columns:1fr}.layout{display:block}.left{display:none}.board-wrap{height:calc(100vh - 54px)}}
.race-tabs,.class-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}.race-tab,.class-tab{padding:8px 10px;font-size:12px}.race-tab.sel,.class-tab.sel,.sex-toggle .sel{outline:2px solid #d6a24a;background:#332210}.visual-choice{display:grid;grid-template-columns:minmax(240px,1fr) 1.5fr;gap:18px}.hero-preview{border:1px solid #765426;background:radial-gradient(circle at 50% 25%,#2b2116,#080a09 72%);min-height:430px;position:relative;overflow:hidden}.hero-preview img{width:100%;height:360px;object-fit:cover;object-position:50% 25%;display:block}.hero-preview>div{padding:12px}.hero-preview b{font-size:22px;display:block}.hero-preview small{color:#aa9875;line-height:1.45}.identity-toolbar{display:flex;justify-content:center;margin-bottom:10px}.sex-toggle{display:flex;gap:8px}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.variant{padding:5px;overflow:hidden}.variant img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.variant span{display:block;padding:7px 2px;font-size:10px}.variant.sel{outline:3px solid #e1ad51;background:#35230f}.bonus-line{margin-top:14px;padding:10px;border:1px solid #5a4325;background:#100d09}.sheet-host{min-height:calc(100vh - 54px);padding:30px;background:radial-gradient(circle at 50% 20%,#302014,#050706 70%)}.char-sheet{max-width:980px;margin:0 auto;background:linear-gradient(rgba(232,205,151,.94),rgba(211,178,119,.94));color:#24170d;border:5px double #5e3c1c;box-shadow:0 25px 80px #000;padding:14px;font-family:Georgia,serif}.char-sheet header{display:grid;grid-template-columns:140px 1fr 170px;gap:14px;align-items:center;border-bottom:2px solid #76522d;padding-bottom:10px}.sheet-portrait{height:130px;border:2px solid #6c4926;overflow:hidden;background:#21160e}.sheet-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.sheet-name h3{font-size:34px;margin:0;text-transform:uppercase}.sheet-name p,.sheet-level span{margin:4px 0;display:block}.sheet-level{text-align:right}.sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #87623b;border-top:1px solid #87623b;margin-top:10px}.sheet-grid section{padding:10px;border-right:1px solid #87623b;border-bottom:1px solid #87623b;min-height:145px}.sheet-grid h4{font-size:12px;margin:0 0 8px;border-bottom:1px solid #87623b;padding-bottom:5px}.sheet-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:2px 0;font-size:13px}.sheet-row em{font-style:normal}.combat-big{display:grid;gap:6px}.combat-big div{display:flex;justify-content:space-between;border-bottom:1px dotted #8c6941;padding-bottom:3px}.hero-card{padding:0;display:grid;grid-template-columns:58px 1fr;overflow:hidden}.hero-card>img{width:58px;height:70px;object-fit:cover;grid-row:1/3}.hero-card button{border:0;box-shadow:none;text-align:left;padding:8px;background:transparent}.hero-card .sheet-open{font-size:10px;border-top:1px solid #4c3821}.forge-card:has(.char-sheet){max-width:1050px}.forge-card .char-sheet{font-size:12px}.forge-card .char-sheet header{grid-template-columns:110px 1fr 130px}.forge-card .sheet-portrait{height:100px}.forge-card .sheet-name h3{font-size:26px}
@media(max-width:900px){.visual-choice{grid-template-columns:1fr}.sheet-grid{grid-template-columns:repeat(2,1fr)}.char-sheet header{grid-template-columns:100px 1fr}.sheet-level{grid-column:1/3;text-align:left}}
.race-tabs,.class-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.race-tab,.class-tab{padding:7px 9px;font-size:11px}.race-tab.sel,.class-tab.sel,.sex-toggle .sel{outline:2px solid #d6a24a}.visual-choice{display:grid;grid-template-columns:1fr 1.5fr;gap:16px}.hero-preview{border:1px solid #765426;background:#0b0c0a;overflow:hidden}.hero-preview img{width:100%;height:370px;object-fit:cover;object-position:center 22%;display:block}.hero-preview b,.hero-preview small{display:block;padding:8px 10px}.hero-preview b{font-size:22px}.hero-preview small{color:#a99672}.sex-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.variant{padding:4px}.variant img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.variant span{font-size:10px;display:block;padding:6px}.variant.sel{outline:3px solid #d9a34b}.bonus-line{margin-top:12px;padding:10px;border:1px solid #5d4526}.char-sheet{background:linear-gradient(#e4c98f,#cfae72);color:#25180d;border:5px double #67451f;padding:12px;box-shadow:0 15px 50px #000}.char-sheet header{display:grid;grid-template-columns:120px 1fr 150px;gap:12px;align-items:center;border-bottom:2px solid #79552e;padding-bottom:9px}.char-sheet header img{width:120px;height:110px;object-fit:cover;object-position:center 20%;border:2px solid #67451f}.char-sheet h3{font-size:28px;margin:0}.char-sheet .sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #8a653d;border-top:1px solid #8a653d;margin-top:9px}.char-sheet section{padding:8px;border-right:1px solid #8a653d;border-bottom:1px solid #8a653d;min-height:130px}.char-sheet h4{font-size:11px;margin:0 0 6px;border-bottom:1px solid #8a653d}.char-sheet p{font-size:12px;margin:4px 0}.char-sheet em{font-style:normal}.forge-card:has(.char-sheet){max-width:1080px}@media(max-width:900px){.visual-choice{grid-template-columns:1fr}.char-sheet .sheet-grid{grid-template-columns:repeat(2,1fr)}}