.dayanak-board{aspect-ratio:10/13!important;background:#ded4bd!important;--dayanak-sky:#203b4b}
.dayanak-shell:not(.boardShell){display:block!important}.dayanak-shell .anitu-stage{display:none}
#game .boardShell.dayanak-shell{aspect-ratio:10/13!important;display:block!important}#game .dayanak-shell #board{width:100%!important;height:100%!important;aspect-ratio:10/13!important}
.dayanak-sky{position:absolute;inset:4px 4px auto;height:calc((100% - 8px)*3/13);z-index:1;background:linear-gradient(165deg,#264351 15%,#6a7971 58%,#183c42 60%,#1f4b50 75%,#17333e);border-bottom:2px solid #d6be7b;border-radius:9px 9px 0 0;pointer-events:none}
.dayanak-actor{position:absolute;width:15%;height:15%;top:5%;transform:translateX(-50%);pointer-events:none;z-index:4}.dayanak-actor img{width:100%;height:100%;object-fit:contain;transform:scaleX(var(--walk));filter:drop-shadow(0 2px 2px #0006)}.dayanak-casting{filter:brightness(1.25)}.dayanak-defeated{opacity:.25;transform:translateX(-50%) rotate(75deg);transition:opacity 1s,transform 1s}
.dayanak-fx{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);z-index:5;pointer-events:none}.dayanak-stage-label{position:absolute;top:1%;left:2%;font:700 clamp(9px,2.3vw,12px)/1.2 system-ui;color:#fff3cb;z-index:6;pointer-events:none}
.dayanak-pause{position:absolute;top:3%;right:3%;z-index:8;width:32px;height:30px;border:1px solid #c7ac68;border-radius:8px;background:#172f42;color:#fff4cc;font-weight:800;touch-action:manipulation;cursor:pointer}
.dayanak-help{position:absolute;top:3%;right:14%;z-index:8;width:28px;height:30px;border:1px solid #c7ac68;border-radius:8px;background:#172f42;color:#fff4cc;font-weight:800;cursor:pointer}.dayanak-help-dialog{max-width:min(86vw,480px);max-height:80vh;overflow:auto;border:2px solid #c7ac68;border-radius:14px;background:#17313e;color:#fff3d4;font:15px/1.5 system-ui}.dayanak-help-dialog::backdrop{background:#081525b8}.dayanak-help-dialog button{padding:10px 18px;border-radius:8px;background:#efce83;color:#172a35;font-weight:bold;border:0}
.dayanak-paused{position:absolute;inset:24% 10% auto;min-height:80px;padding:20px;z-index:9;background:#142535ed;color:#fff3c5;font:bold 16px system-ui;border:2px solid #d5bd7e;border-radius:10px;cursor:pointer}.dayanak-paused[hidden]{display:none}
.dayanak-board .objective-cell.dayanak-hazard-gold{box-shadow:inset 0 0 0 3px #d8ad33;background:#ead99d}.dayanak-board .objective-cell.dayanak-hazard-cursed{box-shadow:inset 0 0 0 3px #9d367f}.dayanak-board .objective-chain{font-size:0!important;background:repeating-linear-gradient(90deg,transparent 0 23%,#c49b44c4 24% 29%,transparent 30% 47%);border:2px solid #edce75;border-radius:5px}
.dayanak-health{display:flex!important;flex-direction:column!important;gap:2px!important;min-height:40px!important;overflow:visible!important}.dayanak-health-row{position:relative;flex:1;min-height:16px;background:#301b2b;border:1px solid #edce75;border-radius:7px;overflow:hidden;width:100%}.dayanak-health-row i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#fb6b7c,#bb2046);transition:width .15s}.dayanak-health-row:last-child i{background:linear-gradient(#5be6b2,#147b65)}.dayanak-health-row b{position:relative;display:block;text-align:center;color:white;font:800 11px/1.4 system-ui;text-shadow:0 1px 2px #000}
#game:has(.dayanak-board) .gameHudContent{min-height:0;inset:5% 5% 7%;grid-template-rows:40% 14% 46%}#game:has(.dayanak-board) .objectiveHeadline{font-size:8px;transform:none}#game .dayanak-health{min-height:0!important}#game .dayanak-health-row{min-height:0}#game .dayanak-health-row b{font:800 10px/1.2 system-ui}
@media(prefers-reduced-motion:reduce){.dayanak-actor,.dayanak-health-row i{transition:none!important}}