@font-face{font-family:PixelOperator;src:url(/assets/physical/PixelOperator8.ttf) format("truetype");font-display:swap}:root{font-family:PixelOperator,monospace;color:#fff0cc;background:#080a07;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:280px;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button,canvas{user-select:none;-webkit-user-select:none}button:disabled{cursor:default}[hidden]{display:none!important}img,canvas{image-rendering:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-shell{display:grid;place-items:center;width:100%;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game-stage{position:relative;flex:none;aspect-ratio:941 / 1672;background:url(/assets/mockup/ui/frame.png) center / 100% 100% no-repeat}.game-stage.loading{opacity:0;pointer-events:none}.game-stage{--mat-scale: 1}.game-bar,.bar-actions{position:absolute;inset:0;pointer-events:none}.level-label{position:absolute;top:1.9%;left:60.2%;width:5.7%;height:2.8%;margin:0;display:flex;align-items:center;justify-content:center}.level-label img{width:auto;height:100%;object-fit:contain}.icon-button{position:absolute;padding:0;border:0;background:none;pointer-events:auto}.icon-button:before{position:absolute;inset:-4px;content:""}.icon-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}#menu{left:90.22%;top:.78%;width:8.4%;height:4.79%}#end-turn{left:80.23%;top:.78%;width:8.4%;height:4.79%}.end-turn:disabled{opacity:.38;filter:grayscale(1)}.end-turn.active{filter:brightness(1.25)}.board-frame{position:absolute;left:5.1%;top:6.4%;width:90.75%;height:52.4%}#board{display:block;width:100%;height:100%;touch-action:none;cursor:pointer}.dice-overlay{position:absolute;z-index:4;inset:0;pointer-events:none}.dice-overlay .die{position:absolute;width:16.4%;height:auto;aspect-ratio:1;pointer-events:auto}.dice-overlay.rolling .die{animation:tumble .5s ease-out both}.dice-overlay.rolling .die:nth-child(2){animation-delay:.04s}.dice-overlay.rolling .die:nth-child(3){animation-delay:.08s}.dice-rail,.skills-row,.placements-row{position:absolute;inset:0;pointer-events:none}.skill-cell{position:absolute}.skill-cell .skill-icon{display:none}.die{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;touch-action:none}.die.white{cursor:default}.die.black{cursor:grab}[data-mode=manual] .die.white{pointer-events:auto;cursor:ns-resize}[data-mode=manual] .die.black,[data-mode=manual] .assignment-slot:not(.range-slot){cursor:ns-resize}.value-adjustment{position:fixed;z-index:55;width:80px;height:80px;pointer-events:none;filter:drop-shadow(0 3px 4px #000b)}.health-adjustment img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.health-adjustment strong{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:10px;color:#fff;font-size:27px;text-shadow:2px 2px #3f0c0c}.die-face{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.die-value{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.die-value img{width:auto;height:28%;object-fit:contain}.white .die-value img{filter:brightness(.12)}.assignment-slot{position:absolute;padding:0;border:0;background:url(/assets/mockup/ui/slot-empty.png) center / 100% 100% no-repeat;pointer-events:auto;touch-action:none}.assignment-slot>.die-face{position:absolute;left:8.187%;top:9.714%;width:81.871%;height:80%}.assignment-slot .slot-symbol{display:none}.range-slot{background-image:url(/assets/mockup/ui/slot-range.png);pointer-events:none}.assignment-slot.selected:after,.assignment-slot.drop-target:after,.die[aria-pressed=true]:after{position:absolute;inset:2%;content:"";border:1px solid #f1d79ab8;pointer-events:none}.drag-die{position:fixed;z-index:50;pointer-events:none;filter:drop-shadow(0 8px 4px #0008)}.rail-status{display:none}button:focus-visible,#board:focus-visible{outline:2px solid #ffe3a0;outline-offset:2px}.overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:16px;background:#070906cf}.overlay-card{position:relative;width:min(100%,440px);max-height:90dvh;padding:28px;overflow:auto;background:url(/assets/mockup/ui/panel-wood.png) center / 100% 100%;filter:drop-shadow(0 10px 14px #000b)}.overlay-card h2{margin:0 0 18px;font-size:1.35rem;line-height:1.25}.overlay-card p{line-height:1.5}.menu-list{display:grid;gap:10px}.menu-list button,.primary-button,.secondary-button,.overlay-card>button,.reward-token{min-height:44px;padding:10px 14px;border:0;background:url(/assets/mockup/ui/slot-empty.png) center / 100% 100%;color:#fff0cc;font-weight:700}.menu-list .danger{color:#ffad8a}.mode-options{display:grid;gap:8px;padding:12px;border:1px solid #b18a58}.mode-options label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.mode-options input{width:20px;height:20px;accent-color:#ddb267}.level-option{display:grid;gap:10px}.level-option select{min-height:44px;padding:8px;font:inherit;color:#fff0cc;background:#302018;border:1px solid #b18a58}.option-note{font-size:.8rem}.overlay-card>button+button{margin:10px 0 0 10px}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reward-token{display:grid;justify-items:center;gap:6px;min-height:100px;text-align:center}.reward-token:first-child{grid-column:1 / -1}.reward-token img{width:40px;height:40px;object-fit:contain}.reward-token strong{font-size:1.2rem}.close-button{position:absolute;top:6px;right:6px;width:32px;height:32px;min-height:32px!important;padding:0!important}.rules-list{padding-left:20px;line-height:1.5}.rules-list li+li,.log li+li{margin-top:9px}.log{max-height:50dvh;padding-left:22px;overflow:auto;line-height:1.5}.toast{position:fixed;z-index:40;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(430px,calc(100vw - 24px));width:max-content;padding:12px 18px;background:url(/assets/mockup/ui/panel-wood.png) center / 100% 100%;pointer-events:none;text-align:center;font-size:.85rem}.rotate-notice{position:fixed;z-index:60;inset:0;display:none;place-content:center;justify-items:center;gap:16px;padding:20px;background:#0b0c08;text-align:center}.rotate-notice span{font-size:52px}@keyframes tumble{0%{opacity:0;scale:.6;rotate:-65deg;translate:-20px -60px}to{opacity:1;scale:1;rotate:0deg;translate:0 0}}@media(max-width:600px)and (orientation:portrait){.game-stage{background-image:url(/assets/mockup/ui/frame-top.png),url(/assets/mockup/ui/frame-foot.png),url(/assets/mockup/ui/frame-wood-extension.png);background-position:center top,center bottom,center calc(var(--mat-scale) * 1528px);background-size:100% auto,100% auto,100% calc(100% - var(--mat-scale) * 1672px);background-repeat:no-repeat}}@media(hover:hover){.icon-button:hover:not(:disabled),.reward-token:hover,.menu-list button:hover{filter:brightness(1.15)}}@media(orientation:landscape)and (max-height:600px)and (pointer:coarse){.rotate-notice{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:0s!important}}
