:root{
  --bg:#0d0b09;--ink:#211811;--panel:#251a12;--panel2:#332318;--panel3:#120d09;--rim:#7a5631;--rim2:#b98242;
  --gold:#e2b35a;--gold2:#ffcf71;--text:#f4dfb6;--muted:#ad8c61;--red:#b74a33;--blue:#456b91;--green:#4f873e;--purple:#704a91;--teal:#3d8583;--dark:#15100c;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#090806;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;image-rendering:pixelated}button{font:inherit;color:inherit}img{display:block;max-width:100%;image-rendering:pixelated}.hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 0,#30221a 0,#0b0907 62%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 4px);pointer-events:none}.app-shell{position:relative;width:min(100%,580px);height:100vh;height:100svh;margin:0 auto;padding:calc(6px + env(safe-area-inset-top)) 8px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:6px;overflow:hidden}.app-shell.battle-mode{grid-template-rows:minmax(0,1fr)}.app-shell.battle-mode .chrome-title,.app-shell.battle-mode .top-hud{display:none}
.chrome-title{height:54px;display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center}.logo-text,.panel-frame,.pilot-card,.resource-card,.modal-card,.square-btn,.scene-card,.rig-card,.gear-tile,.primary-btn,.secondary-btn{border:3px solid #1a120c;box-shadow:inset 0 0 0 2px rgba(255,214,128,.16),0 3px 0 #070504,0 0 0 1px var(--rim)}.logo-text{height:100%;display:grid;place-items:center;background:linear-gradient(#2d2016,#19110c);border-radius:8px;color:var(--gold2);font-size:30px;font-weight:1000;letter-spacing:.06em;text-shadow:2px 2px #000}.logo-text span{color:#b9772b}.square-btn{height:42px;border-radius:8px;background:linear-gradient(#352417,#18100b);color:var(--gold);font-size:20px;font-weight:900}.top-hud{display:grid;grid-template-columns:1.35fr .95fr;gap:7px}.pilot-card,.resource-card{background:linear-gradient(#2e2117,#16100c);border-radius:9px;padding:7px}.pilot-card{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:center}.pilot-card img{width:58px;height:58px;object-fit:cover;border-radius:7px;border:2px solid #533820}.hud-name{font-weight:900;color:var(--gold);font-size:13px;margin-bottom:4px}.meter{display:flex;align-items:center;gap:5px;margin:3px 0;background:#120d09;border:2px solid #0c0806;border-radius:6px;padding:2px 5px;line-height:1}.meter b{font-size:14px}.meter small{color:var(--muted);font-size:10px}.heart{color:#df624b}.shield{color:#83a8ca}.resource-card{display:grid;grid-template-columns:1fr 1fr;gap:5px}.resource-card div{background:#120d09;border:2px solid #0c0806;border-radius:6px;padding:5px;display:grid;place-items:center}.resource-card i{color:var(--gold);font-style:normal}.resource-card b{font-size:17px}.resource-card span{font-size:9px;color:var(--muted)}
.screen{height:100%;min-height:0;display:grid;gap:7px;overflow:hidden}.scene-card{position:relative;border-radius:10px;overflow:hidden;background:#1b140f;background-size:cover;background-position:center}.hub-scene{height:31svh;min-height:210px;background-image:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.2)),url("assets/hub-workshop.webp")}.scene-overlay{position:absolute;left:10px;right:10px;bottom:10px;padding:10px;border-radius:8px;background:linear-gradient(90deg,rgba(18,13,9,.88),rgba(18,13,9,.58),transparent)}.label-chip,.panel-title{display:inline-block;background:#17100b;border:2px solid #6a4525;color:var(--gold2);padding:4px 9px;border-radius:5px;font-weight:900;font-size:11px;letter-spacing:.08em;text-shadow:1px 1px #000}.scene-overlay h1{margin:6px 0 3px;font-size:25px;color:#ffe2a3;text-shadow:2px 2px #000}.scene-overlay p{margin:0;width:75%;font-size:11px;line-height:1.35;color:#d9be89}.rig-panel{min-height:0}.panel-title{display:block;text-align:center;border-radius:7px 7px 0 0;background:#2d1f15}.rig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:linear-gradient(#2c2016,#17100c);border:3px solid #1a120c;border-radius:0 0 10px 10px;padding:7px;box-shadow:inset 0 0 0 2px rgba(255,214,128,.11),0 0 0 1px var(--rim)}.rig-card{position:relative;text-align:left;background:linear-gradient(#2b2118,#15100c);border-radius:8px;padding:7px;min-height:96px}.rig-card.selected{outline:3px solid #dca948;box-shadow:0 0 12px rgba(255,197,85,.45),inset 0 0 0 2px rgba(255,214,128,.2)}.rig-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#14100c;border:2px solid #75512f;color:var(--gold2);font-size:18px;margin-bottom:5px}.rig-card b{display:block;color:#f8d68c;font-size:12px}.rig-card small{display:block;color:var(--muted);font-size:9px;line-height:1.18;margin-top:3px}.rig-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.rig-tags span{font-size:8px;background:#120d09;color:#d9b576;border:1px solid #4b321d;border-radius:99px;padding:2px 5px}.hub-actions{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:7px}.primary-btn,.secondary-btn{border-radius:8px;padding:10px 10px;font-weight:1000;letter-spacing:.03em}.primary-btn{background:linear-gradient(#78a64f,#4a772f);color:#ffedb7;text-shadow:2px 2px #1d2b12}.secondary-btn{background:linear-gradient(#60401f,#2b1d13);color:#f5d894;text-shadow:1px 1px #000}.wide{width:100%}.mini-strip{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.mini-strip span,.combo-chip,.deck-chip,.relic-chip,.run-stats span{background:#17100b;border:2px solid #4b321d;color:#d9b576;border-radius:99px;padding:4px 7px;font-size:10px}
.map-screen{grid-template-rows:auto minmax(0,1fr) auto}.map-header{padding:8px 10px;text-align:center}.map-header h2{margin:4px 0 2px;font-size:20px;color:var(--gold2)}.map-header p{margin:0;color:var(--muted);font-size:11px}.map-canvas{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.25)),url("assets/map-cave.webp");background-position:center;background-size:cover;min-height:0}.map-path{position:relative;width:100%;height:100%}.route-line{position:absolute;height:5px;background:repeating-linear-gradient(90deg,#b4986e 0 9px,transparent 9px 15px);transform-origin:left center;filter:drop-shadow(0 2px #000)}.map-node{position:absolute;width:58px;height:58px;border-radius:12px;border:3px solid #17100b;background:linear-gradient(#34455c,#17202c);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),0 3px 0 #090604;color:#fff;font-weight:900;font-size:22px;display:grid;place-items:center;transform:translate(-50%,-50%)}.map-node.available{outline:3px solid #e5bc5f;filter:drop-shadow(0 0 10px rgba(255,202,85,.45))}.map-node.done{opacity:.48}.map-node.battle{background:linear-gradient(#8d3f2f,#351812)}.map-node.elite{background:linear-gradient(#794894,#2a1738)}.map-node.event{background:linear-gradient(#608b42,#203117)}.map-node.repair{background:linear-gradient(#b48637,#3b2710)}.map-node.shop{background:linear-gradient(#9c732a,#35220e)}.map-node.boss{width:72px;height:62px;background:linear-gradient(#7d3929,#1d0f0c);font-size:27px}.map-bottom{display:grid;grid-template-columns:1fr auto;gap:7px}.selected-node{padding:9px;color:#e8c989;font-size:12px;min-height:50px}
.battle-screen{grid-template-rows:24svh minmax(0,1fr) auto;gap:6px}.combat-arena{background-image:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.36)),url("assets/battle-cave.webp");background-position:center 18%;background-size:cover;padding:7px}.combat-top{display:grid;grid-template-columns:.6fr 1fr;gap:6px}.turn-panel,.enemy-panel,.intent-panel{background:linear-gradient(#2e2117,#15100b);border:3px solid #17100b;box-shadow:inset 0 0 0 2px rgba(255,214,128,.12),0 2px 0 #070504;border-radius:8px}.turn-panel{display:grid;place-items:center;color:var(--gold2);font-weight:900}.enemy-panel{display:grid;grid-template-columns:54px 1fr;gap:6px;padding:5px}.enemy-panel img{width:54px;height:50px;object-fit:cover;border-radius:6px;border:2px solid #59351f}.enemy-name{display:flex;justify-content:space-between;gap:6px;color:#f7d591;font-weight:900;font-size:11px}.enemy-bar{height:10px;background:#130c09;border:2px solid #070504;border-radius:99px;margin:4px 0;overflow:hidden}.enemy-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#d96b4e,#8e2f25)}.enemy-trait{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intent-panel{position:absolute;right:8px;bottom:7px;left:45%;padding:6px;display:grid;grid-template-columns:28px 1fr auto;gap:6px;align-items:center}.intent-panel span{font-size:17px}.intent-panel b{font-size:11px;color:#f5d48b}.intent-panel small{display:block;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intent-panel strong{font-size:17px;color:#ffb083}.machine-zone{min-height:0;padding:7px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.panel-frame{background:linear-gradient(#2a1e14,#120d09);border-radius:10px}.machine-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--gold2);font-weight:900}.machine-title small{font-size:9px;color:var(--muted);font-weight:500}.machine-board{position:relative;aspect-ratio:1.18/1;margin:6px auto;width:min(100%,390px);max-height:100%;background:linear-gradient(#3b2819,#20150e);border:4px solid #14100c;border-radius:12px;box-shadow:inset 0 0 0 2px #705032,0 3px 0 #070504;padding:12px}.links-layer{position:absolute;inset:12px;z-index:0}.machine-link{position:absolute;height:8px;background:linear-gradient(90deg,#986d2c,#ffd36b,#986d2c);border-radius:99px;box-shadow:0 0 9px rgba(255,206,91,.75),0 2px 0 #4b2c12;transform-origin:left center;opacity:.32}.machine-link.active{opacity:1}.board{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cell{position:relative;border:2px dashed rgba(215,174,99,.32);border-radius:10px;background:rgba(12,8,5,.42);display:grid;place-items:center;min-width:0}.cell.preview{border-color:#e7bc5d;background:rgba(116,80,34,.38)}.cell.selected{outline:3px solid #ffd06f;outline-offset:-3px}.slot-id{position:absolute;left:5px;top:4px;color:#81603a;font-size:8px;z-index:3}.combo-strip{display:flex;gap:4px;overflow:hidden;min-height:24px;padding-top:5px}.combo-chip.active{color:#ffe19f;border-color:#a77a3f}.bottom-dock{padding:7px}.dock-head{display:flex;justify-content:space-between;color:var(--gold2);font-size:12px}.selected-gear-line{font-size:10px;color:#caaa76;background:#130e0a;border:2px solid #0b0705;border-radius:6px;padding:5px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:76px}.dock-actions{display:grid;grid-template-columns:.9fr .9fr 1.25fr;gap:6px;margin-top:6px}.dock-actions button{font-size:11px;padding:9px 6px}.gear-tile{width:100%;height:100%;position:relative;border-radius:9px;padding:5px;display:grid;grid-template-rows:auto 1fr auto;place-items:center;color:#fff;text-align:center;overflow:visible}.gear-tile:before,.gear-tile:after{content:"";position:absolute;background:#c08a42;border:2px solid #120b07;border-radius:5px;box-shadow:0 0 4px #ffc667}.gear-tile:before{left:-7px;right:-7px;top:50%;height:12px;transform:translateY(-50%);z-index:-1}.gear-tile:after{top:-7px;bottom:-7px;left:50%;width:12px;transform:translateX(-50%);z-index:-1}.gear-tile .sym{font-size:20px;text-shadow:2px 2px #000}.gear-tile .value{font-size:22px;font-weight:1000;background:#1b120c;border:2px solid rgba(255,255,255,.18);border-radius:5px;min-width:31px}.gear-tile .name{font-size:8px;color:#ffe5ad;text-shadow:1px 1px #000;line-height:1}.gear-tile.attack{background:linear-gradient(#9b4a35,#411911)}.gear-tile.shield{background:linear-gradient(#55799d,#172b42)}.gear-tile.spark{background:linear-gradient(#8a54a9,#321942)}.gear-tile.heal{background:linear-gradient(#679e4c,#223914)}.gear-tile.cog{background:linear-gradient(#c99a45,#4a3011)}.gear-tile.echo{background:linear-gradient(#52a09d,#173d3b)}.gear-tile.curse{background:linear-gradient(#56505d,#1a151c)}.gear-tile.is-selected{outline:3px solid #ffd06f;filter:drop-shadow(0 0 8px rgba(255,207,113,.75))}.port-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffcf71;box-shadow:0 0 5px #ffd36b}.port-dot.n{top:-6px}.port-dot.s{bottom:-6px}.port-dot.w{left:-6px}.port-dot.e{right:-6px}.port-dot.n,.port-dot.s{left:50%;transform:translateX(-50%)}.port-dot.w,.port-dot.e{top:50%;transform:translateY(-50%)}
.modal{position:fixed;inset:0;z-index:100;background:rgba(5,3,2,.78);display:grid;place-items:center;padding:14px}.modal-card{position:relative;width:min(100%,520px);max-height:92svh;overflow:auto;border-radius:10px;background:linear-gradient(#2b1f15,#120d09);padding:18px}.modal-card.tall{padding-top:45px}.modal-card h2{margin:8px 0;color:#ffe0a0}.modal-card p{color:#c5a16f;line-height:1.35}.close-btn{position:absolute;right:10px;top:9px;border:2px solid #1a120c;border-radius:7px;background:#3b2819;width:34px;height:34px}.reward-grid,.codex-list{display:grid;gap:8px}.reward{border:3px solid #17100b;border-radius:8px;background:linear-gradient(#2b2017,#140e0a);padding:10px;text-align:left;color:#f7dba1}.reward b{display:flex;justify-content:space-between}.reward small{display:block;color:#b79766;margin-top:4px}.tag,.shop-price{background:#160f0a;border:1px solid #6d4925;color:#e8bd6e;border-radius:99px;padding:3px 6px;font-size:9px}.deck-overview,.relic-overview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.codex-entry{display:grid;grid-template-columns:58px 1fr;gap:9px;background:#17100b;border:2px solid #56391e;border-radius:8px;padding:8px}.codex-entry .gear-tile{height:58px}.codex-entry b{color:#ffdc91}.codex-entry small{color:#b99563;line-height:1.3}.info-diagram{background:#17100b;border:2px solid #56391e;border-radius:8px;padding:10px;color:#d9b576;font-size:12px}.run-stats{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.centered{text-align:center}.floating{position:fixed;pointer-events:none;z-index:130;font-weight:1000;font-size:20px;text-shadow:2px 2px #000;animation:floatUp .9s ease forwards}.pop-green{animation:popGreen .45s}.pop-blue{animation:popBlue .45s}.pop-red{animation:popRed .45s}.busy{pointer-events:none}
@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.8)}10%{opacity:1}100%{opacity:0;transform:translateY(-36px) scale(1.1)}}@keyframes popGreen{50%{filter:drop-shadow(0 0 8px #65d68a)}}@keyframes popBlue{50%{filter:drop-shadow(0 0 8px #6faeff)}}@keyframes popRed{50%{filter:drop-shadow(0 0 8px #ef6d75)}}@media (min-height:820px){.hub-scene{height:35svh}.dice-row{height:86px}.battle-screen{grid-template-rows:26svh minmax(0,1fr) auto}}@media (max-height:720px){.logo-text{font-size:24px}.chrome-title{height:46px}.pilot-card img{width:46px;height:46px}.pilot-card{grid-template-columns:46px 1fr}.top-hud{gap:5px}.hub-scene{min-height:166px;height:27svh}.scene-overlay p{display:none}.rig-card{min-height:84px;padding:5px}.battle-screen{grid-template-rows:20svh minmax(0,1fr) auto}.combat-arena{padding:5px}.intent-panel{left:35%;font-size:10px}.machine-board{padding:10px}.links-layer{inset:10px}.board{gap:6px}.dice-row{height:64px}.gear-tile .sym{font-size:16px}.gear-tile .value{font-size:17px}.gear-tile .name{font-size:7px}.selected-gear-line{display:none}.dock-actions button{font-size:10px;padding:7px 4px}}

/* V8 — echte Würfel + Maschinensockel */
.hub-scene,.map-canvas,.combat-arena{background-image:none!important}
.css-scene{background:
  radial-gradient(circle at 18% 30%,rgba(230,163,76,.10) 0 3%,transparent 4%),
  radial-gradient(circle at 75% 22%,rgba(128,82,49,.16) 0 5%,transparent 6%),
  repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 8px),
  linear-gradient(180deg,#211810,#100c08)!important}
.hub-scene:before,.map-canvas:before,.combat-arena:before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,transparent 0 12%,rgba(126,84,44,.18) 12% 13%,transparent 13% 80%,rgba(126,84,44,.14) 80% 81%,transparent 81%),
  linear-gradient(0deg,transparent 0 73%,rgba(227,166,80,.06) 73% 74%,transparent 74%)}
.hub-scene:after{content:"⚙  ⚙  ⚒";position:absolute;right:16px;top:18px;color:#6f4a29;font-size:29px;letter-spacing:8px;opacity:.55}
.map-canvas:after{content:"";position:absolute;inset:7%;border:2px solid rgba(119,81,44,.22);border-radius:22px;box-shadow:inset 0 0 28px rgba(0,0,0,.45);pointer-events:none}
.combat-arena{background:
  radial-gradient(circle at 78% 70%,rgba(112,63,48,.28),transparent 25%),
  radial-gradient(circle at 20% 72%,rgba(224,150,63,.10),transparent 22%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),
  linear-gradient(180deg,#241912,#110c08)!important}

.machine-board{overflow:visible;background:
  radial-gradient(circle at 50% 50%,rgba(255,196,83,.055),transparent 42%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 22px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 22px),
  linear-gradient(#3b2819,#1b120c)}
.machine-board:before{content:"";position:absolute;inset:6px;border:2px solid #79532f;border-radius:9px;box-shadow:inset 0 0 0 2px #130d08,inset 0 0 24px rgba(0,0,0,.58);pointer-events:none}
.machine-rail{position:absolute;top:14%;bottom:14%;width:12px;border:2px solid #0e0906;border-radius:6px;background:linear-gradient(90deg,#5c3a1c,#b77b35,#4b2c16);box-shadow:inset 0 0 0 1px rgba(255,220,128,.17),0 0 0 1px #6f4a28}
.rail-left{left:-8px}.rail-right{right:-8px}.machine-bolt{position:absolute;width:10px;height:10px;border-radius:50%;background:#b07a38;border:2px solid #160f09;box-shadow:inset 1px 1px #e8b962}.bolt-a{left:6px;top:6px}.bolt-b{right:6px;top:6px}.bolt-c{left:6px;bottom:6px}.bolt-d{right:6px;bottom:6px}
.links-layer{pointer-events:none}.machine-link{height:10px;border:2px solid #1b1007;background:linear-gradient(#735022,#b67b31,#6a421d);box-shadow:inset 0 0 0 1px rgba(255,221,126,.16),0 2px 0 #090604;opacity:.45}.machine-link.active{background:linear-gradient(#9b6a27,#ffd45e,#8b5720);box-shadow:0 0 9px rgba(255,211,88,.85),inset 0 0 0 1px #fff0a1,0 2px 0 #3b210d;opacity:1}
.board{gap:10px}.machine-socket{overflow:visible;border:3px solid #120b07;background:radial-gradient(circle at center,#1c1712 0 37%,#322417 38% 68%,#120d09 69%);box-shadow:inset 0 0 0 2px #79542f,inset 0 0 15px #050302,0 2px 0 #070403;border-radius:12px;padding:7px}.machine-socket:before{content:"";position:absolute;inset:5px;border:1px dashed rgba(231,186,96,.18);border-radius:8px}.machine-socket.preview{border-color:#bd873a;box-shadow:inset 0 0 0 2px #d6a34b,inset 0 0 18px rgba(218,166,77,.16),0 0 10px rgba(255,205,91,.24)}.machine-socket.occupied{border-style:solid;border-color:#291a0e;background:linear-gradient(#3a2819,#1a110b);box-shadow:inset 0 0 0 2px #9a6d38,inset 0 0 14px #060403,0 3px 0 #070403}.machine-socket.selected{outline:3px solid #ffd36b;outline-offset:1px}.slot-id{top:3px;left:5px;font-size:6.5px;color:#8f6b3e;letter-spacing:.05em}.socket-cross{width:30%;height:30%;border:2px solid #5f4328;border-radius:50%;box-shadow:inset 0 0 0 3px #17100b;opacity:.7}.socket-cross:before,.socket-cross:after{content:"";position:absolute;left:50%;top:50%;background:#694b2b;transform:translate(-50%,-50%)}.socket-cross:before{width:50%;height:2px}.socket-cross:after{height:50%;width:2px}.socket-port,.die-port{position:absolute;border:2px solid #0e0906;background:linear-gradient(#b57b37,#5d381b);box-shadow:inset 0 0 0 1px rgba(255,224,138,.16)}.socket-port.n,.socket-port.s,.die-port.n,.die-port.s{left:50%;transform:translateX(-50%);width:22px;height:8px;border-radius:4px}.socket-port.e,.socket-port.w,.die-port.e,.die-port.w{top:50%;transform:translateY(-50%);width:8px;height:22px;border-radius:4px}.socket-port.n{top:-6px}.socket-port.s{bottom:-6px}.socket-port.w{left:-6px}.socket-port.e{right:-6px}.socket-lock{position:absolute;width:9px;height:9px;background:#b77b35;border:2px solid #0c0805;border-radius:2px;z-index:4;box-shadow:inset 1px 1px #f0bd61}.socket-lock.tl{left:4px;top:4px}.socket-lock.tr{right:4px;top:4px}.socket-lock.bl{left:4px;bottom:4px}.socket-lock.br{right:4px;bottom:4px}

.hand-die-slot{position:relative;min-width:0;border:2px solid #51351e;background:linear-gradient(#1d140e,#0e0a07);border-radius:10px;padding:7px 9px;overflow:visible;color:inherit}.hand-die-slot:disabled{opacity:.35}.magazine-empty{font-size:9px;color:#75583a;letter-spacing:.08em}
.dice-module{--face1:#8d4834;--face2:#4e2419;position:relative;width:100%;height:100%;min-height:0;display:grid;place-items:center;padding:4px 5px 13px;filter:drop-shadow(0 3px 0 #070403);transform:translateZ(0)}.dice-module.attack{--face1:#b55b43;--face2:#572116}.dice-module.shield{--face1:#668bb2;--face2:#213a56}.dice-module.spark{--face1:#9564b5;--face2:#40234e}.dice-module.heal{--face1:#79a954;--face2:#2b491c}.dice-module.cog{--face1:#d6a64e;--face2:#664319}.dice-module.echo{--face1:#64aaa7;--face2:#214e4c}.dice-module.curse{--face1:#65606b;--face2:#28212b}.dice-module.is-selected{filter:drop-shadow(0 0 7px #ffd065) drop-shadow(0 3px 0 #070403);transform:translateY(-2px)}
.die-face{position:relative;z-index:3;width:76%;aspect-ratio:1;border-radius:10px;border:3px solid #120b07;background:linear-gradient(145deg,var(--face1),var(--face2));box-shadow:inset 0 0 0 2px rgba(255,233,172,.19),inset -5px -6px 0 rgba(0,0,0,.13),0 3px 0 #080503;display:grid;place-items:center}.die-top{position:absolute;z-index:1;left:18%;right:18%;top:5%;height:14%;transform:skewX(-34deg);transform-origin:left bottom;background:linear-gradient(90deg,var(--face1),var(--face2));border:2px solid #160d08;border-radius:4px 6px 0 0;opacity:.9}.die-side{position:absolute;z-index:1;right:7%;top:18%;bottom:24%;width:14%;transform:skewY(-34deg);background:linear-gradient(var(--face1),var(--face2));border:2px solid #160d08;border-radius:0 4px 6px 0;opacity:.88}.pip-grid{position:absolute;inset:7px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;opacity:.42}.pip{width:5px;height:5px;border-radius:50%;background:transparent}.pip.on{background:#120c08;box-shadow:1px 1px 0 rgba(255,255,255,.16)}.die-icon{position:relative;z-index:3;width:39%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#160f0b;border:2px solid rgba(255,235,186,.26);font-size:16px;text-shadow:1px 1px #000;box-shadow:0 1px 0 rgba(255,255,255,.1)}.die-number{position:absolute;right:4px;bottom:3px;z-index:4;min-width:23px;height:21px;display:grid;place-items:center;padding:0 3px;border-radius:5px;background:#130d09;border:2px solid rgba(255,236,184,.28);font-size:14px;font-weight:1000;color:#fff2ca;text-shadow:1px 1px #000}.die-label{position:absolute;z-index:5;left:2px;right:2px;bottom:0;height:12px;display:grid;place-items:center;font-size:7px;font-weight:900;letter-spacing:.03em;color:#ffe3a6;text-shadow:1px 1px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.die-port{z-index:0}.die-port.n{top:7%}.die-port.s{bottom:17%}.die-port.w{left:5%}.die-port.e{right:5%}.dice-module.installed{padding:3px}.dice-module.installed .die-face{width:82%}.dice-module.installed .die-label{display:none}.dice-module.installed .die-port.n{top:-2px}.dice-module.installed .die-port.s{bottom:-2px}.dice-module.installed .die-port.w{left:-2px}.dice-module.installed .die-port.e{right:-2px}.dice-module.installed .die-top{top:1%}.dice-module.installed .die-side{right:1%;bottom:13%}
.codex-entry .dice-module{height:62px}.codex-entry .die-face{width:50px}.codex-entry .die-label{display:none}

@media (max-height:720px){.board{gap:8px}.machine-socket{padding:5px}.hand-die-slot{padding:5px 7px}.die-face{width:72%}.die-icon{font-size:13px}.die-number{font-size:12px;height:18px;min-width:20px}.dice-module{padding-bottom:11px}.dice-module.installed .die-face{width:78%}}