body{background-color:#f2f2f2;color:#fff;margin:0;font-family:Arial,sans-serif}main{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#main-viewport,#ui-viewport{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ui-panel{background:#000c;border-radius:20px;padding:20px;box-shadow:0 5px 15px #0000004d;position:relative;overflow-x:hidden;overflow-y:auto;width:350px;border:10px solid white}.screen-title{color:#fff;font-size:2em;text-shadow:1px 1px 4px #000000;animation:glow 1.5s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px #ffcc00,0 0 10px #ffcc00,0 0 15px #ffcc00,0 0 20px #ffcc00,0 0 25px #ffcc00}to{text-shadow:0 0 10px #ff9900,0 0 15px #ff9900,0 0 20px #ff9900,0 0 25px #ff9900,0 0 30px #ff9900}}#game-tokens{float:right}.ui-panel h1{font-size:24px;margin:0 0 20px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px rgba(255,255,255,.3)}.button{border:none;border-radius:8px;color:#fff;padding:6px 13px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;font-weight:700;margin:3px;cursor:pointer;box-shadow:0 3px 7px #0000004d;transition:transform .1s ease,box-shadow .1s ease;position:relative;overflow:hidden;border:2px solid #fff}.button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/sandpaper.png) repeat;opacity:.3;border-radius:7px;z-index:1}.button:hover{transform:translateY(-5px);box-shadow:0 5px 10px #0006}.button:active{transform:translateY(2px);box-shadow:0 2px 5px #0003}.button-danger{background:linear-gradient(145deg,#f66,#c33)}.button-info{background:linear-gradient(145deg,#6cf,#39f)}.button-good{background:linear-gradient(145deg,#6f6,#3c3)}.button span{position:relative;z-index:2;text-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px rgba(255,255,255,.3)}h2{text-align:center;color:#fc0;text-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px rgba(255,255,255,.3);margin-top:0}.instructions{text-align:left}b{color:#fc0}.inventory{border-top:2px solid #fff;border-bottom:2px solid #fff;margin:20px 0;padding-top:10px}.inventory-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;max-height:300px;overflow-y:auto;margin-top:20px}.game-piece{display:flex;flex-direction:column;justify-content:center;border-radius:15px;color:#fff;padding:10px 15px;text-align:center;font-size:16px;font-weight:700;margin:0;width:120px;height:60px;box-shadow:0 5px 15px #0000004d;transition:transform .1s ease,box-shadow .1s ease;position:relative;cursor:pointer}.game-piece[data-type=body],.game-piece[data-type=Body]{background:linear-gradient(145deg,#fc6,#f93)}.game-piece[data-type=mind],.game-piece[data-type=Mind]{background:linear-gradient(145deg,#6cc,#399)}.game-piece[data-type=soul],.game-piece[data-type=Soul]{background:linear-gradient(145deg,#c9f,#93c)}.game-piece[data-type=monster]{background:linear-gradient(145deg,#f66,#c33)}.game-piece:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/sandpaper.png) repeat;opacity:.3;border-radius:15px;z-index:1}.game-piece:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0006}.game-piece:active{transform:translateY(2px);box-shadow:0 2px 10px #0003}.game-piece .label{position:relative;z-index:2;text-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px rgba(255,255,255,.3)}.game-piece .type{position:relative;z-index:2;font-size:12px;opacity:.8}.header-section{display:flex;justify-content:space-between;align-items:center}.header-section .game-piece{height:120px}.button-container{display:flex;flex-direction:column;gap:10px;text-align:right}.ui-panel p,.image-panel p{font-size:16px;line-height:1.5;margin:10px 0;color:#dcdcdc}.ui-panel ul,.image-panel ul{list-style:disc;padding-left:20px;margin:10px 0}.ui-panel ul li,.image-panel ul li{margin:5px 0;font-size:16px;color:#dcdcdc}.ui-panel dl,.image-panel dl{margin:10px 0;display:grid;grid-template-columns:auto 1fr;gap:10px}.ui-panel dt,.image-panel dt{font-weight:700;color:#dcdcdc;grid-column:1 / 2;text-align:right}.ui-panel dd,.image-panel dd{margin-left:0;font-size:16px;color:#dcdcdc;grid-column:2 / 3}.dice-container{position:absolute}.dice{width:50px;height:50px;border-radius:10px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:24px;color:#fff;font-weight:700;user-select:none}#diceLedge .dice{position:absolute}.dice:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,#ffffff1a,#ffffff1a 10px,#ffffff26 10px 20px);opacity:.3;z-index:1}.dice-body,.dice-Body,.default.Body{background:linear-gradient(145deg,#fc6,#f93)}.dice-mind,.dice-Mind,.default.Mind{background:linear-gradient(145deg,#6cc,#399)}.dice-soul,.dice-Soul,.default.Soul{background:linear-gradient(145deg,#c9f,#93c)}.form-input{width:95%;padding:5px;margin-top:5px;border-radius:5px;border:2px solid #fff;background:#ffffff1a;color:#fff;font-size:14px;outline:none;box-shadow:0 3px 7px #0000004d;transition:background .3s ease,box-shadow .3s ease}.form-input::placeholder{color:#dcdcdc}.form-input:focus{background:#fff3;box-shadow:0 3px 7px #00000080}.form-input-label{font-size:14px;color:#dcdcdc}.health-container{display:flex;background-color:#444;padding:5px;border-radius:5px;width:240px}.health-item{width:22px;height:30px;background-color:red;margin-right:2px;border-radius:3px}.health-item:last-child{margin-right:0}.status-effect{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;color:#fff;padding:10px;text-align:center;font-size:12px;font-weight:700;width:50px;height:25px;box-shadow:0 5px 15px #0000004d;transition:transform .1s ease,box-shadow .1s ease;position:relative;cursor:pointer;float:left;margin-right:15px}.status-effect[data-type=good]{background:linear-gradient(145deg,#6f6,#3c3)}.status-effect[data-type=bad]{background:linear-gradient(145deg,#f66,#c33)}.status-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/sandpaper.png) repeat;opacity:.3;border-radius:5px;z-index:1}.status-effect:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0006}.status-effect:active{transform:translateY(1px);box-shadow:0 2px 10px #0003}.status-effect .label{position:relative;z-index:2;text-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px rgba(255,255,255,.3)}.status-effect .type{position:relative;z-index:2;font-size:10px;opacity:.8}#diceTray,#instructionsWindow{pointer-events:none}.modal-lightbox{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center;transition:opacity .5s ease-in-out;opacity:0;pointer-events:none}.modal-lightbox.show{opacity:1;pointer-events:auto}.modal-content{background:#000;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a;position:relative}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#fff}.modal-body{margin-top:20px}.boss-room-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.greyed-out-skull{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center}.greyed-out-skull img{max-width:100%;height:auto;opacity:.5}.dungeon-pattern{display:flex;align-items:center}.dungeon-pattern h2{margin-top:.83em;margin-left:20px}.modifiers-container ul{list-style-type:none;padding:0}.modifiers-container li{margin-bottom:10px;font-size:15px}.modifiers-container li:before{content:"•";color:#fc0;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.modifiers-container h2{font-size:20px;margin-bottom:15px;text-align:center}.modifier-item{font-weight:bolder}.reward-window{display:flex;flex-direction:column;align-items:center;justify-content:center}#configWindow{background-size:cover;text-align:center}#configWindow .panel-content{width:225px;margin-left:85px;margin-top:20px}#configWindow.boss-config .panel-content{width:300px;margin-left:97px;margin-top:20px}.panel-content h3{text-align:center}.panel-content .pattern-scroll{overflow-x:hidden;overflow-y:auto;height:220px;margin:15px;border-radius:5px;border:2px solid #fff}#configWindow.boss-config .panel-content .pattern-scroll{height:290px}