.habitat-pattern{background:#2a3328;border:1px solid #6ec8ff8c;border-radius:4px;flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid;box-shadow:0 0 0 1px #6ec8ff33}.habitat-pattern--sm{width:52px;height:52px}.habitat-pattern--lg{width:min(26vw,96px);height:min(26vw,96px)}.habitat-pattern--overlay{aspect-ratio:1;z-index:2;width:72%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #6ec8ff59,0 4px 12px #00000073}.habitat-pattern--clickable{cursor:pointer}.habitat-pattern--clickable:hover{filter:brightness(1.08)}.habitat-pattern__cell{background:#3d4a3a;border-radius:2px;position:relative;overflow:hidden}.habitat-pattern__cell--wild{background:repeating-linear-gradient(-45deg,#f2f2f2,#f2f2f2 4px,#9a9a9a 4px 8px)}.habitat-pattern__cell--token{outline-offset:-1.5px;z-index:1;outline:1.5px solid #6ec8ffd9}.habitat-pattern__cell img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.habitat-pattern__food{z-index:2;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px #00000073);width:42%;height:42%;position:absolute;top:2%;left:2%}.habitat-pattern__house{z-index:2;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #00000080);width:72%;height:72%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.habitat-pattern__cell--building .habitat-pattern__food{z-index:3}.tinted-img{vertical-align:middle;line-height:0;display:inline-block;position:relative}.tinted-img>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.tinted-img__overlay{mix-blend-mode:plus-lighter;opacity:.52;pointer-events:none;position:absolute;inset:0}@supports not (mix-blend-mode:plus-lighter){.tinted-img__overlay{mix-blend-mode:screen;opacity:.62}}.mobile-scale-host{z-index:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(at 20% 0,#3a4f3c 0%,#0000 50%),radial-gradient(at 80% 20%,#2c3e50 0%,#0000 45%),#1a221c;position:fixed;bottom:auto;right:auto;overflow-x:hidden}.mobile-scale-frame{margin:0 auto;position:relative;overflow:hidden}.mobile-scale-content{transform-origin:0 0;will-change:transform;box-sizing:border-box;position:relative;overflow:hidden}html.mobile-game-mode,html.mobile-game-mode body,html.mobile-game-mode #root{height:100%;overflow:hidden}html.mobile-game-mode .app--mobile-game{max-width:none;height:100%;min-height:0;margin:0;padding:0}.mobile-scale-content .app--mobile-game,.mobile-scale-content .solo{flex-direction:column;height:100%;min-height:100%;display:flex}.mobile-scale-content .solo__body{-webkit-overflow-scrolling:touch;flex:auto;gap:.28rem;min-height:0;padding-bottom:.35rem;overflow:hidden auto}.mobile-scale-content .solo__body--dock-collapsed{padding-bottom:.5rem!important}.mobile-scale-content .tame-dock{padding-bottom:calc(.65rem + env(safe-area-inset-bottom,0px));flex:none;position:relative;box-shadow:0 -8px 24px #00000059}.mobile-scale-content .tame-dock--collapsed{padding-bottom:calc(.4rem + env(safe-area-inset-bottom,0px))}.mobile-scale-content .monster-hand.tame-dock__cards{--dock-card-w:min(22vw, 88px);--dock-card-h:calc(var(--dock-card-w) * 604 / 432);--dock-cards-h:var(--dock-card-h);width:100%;height:var(--dock-cards-h);min-height:var(--dock-cards-h);-webkit-overflow-scrolling:touch;touch-action:pan-x;flex-wrap:nowrap;overflow:auto hidden}.mobile-scale-content .tame-dock__head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"avatars end""actions actions";align-items:center;gap:.35rem;display:grid}.mobile-scale-content .tame-dock__head-avatars{grid-area:avatars;width:auto;min-width:0}.mobile-scale-content .tame-dock__head-actions{flex-wrap:nowrap;grid-area:actions;gap:.3rem;width:100%;overflow-x:auto}.mobile-scale-content .tame-dock__tabs{flex:auto;min-width:0}.mobile-scale-content .tame-dock__tab{white-space:nowrap;padding:.28rem .35rem;font-size:.7rem}.mobile-scale-content .tame-dock__end-turn{white-space:nowrap;flex:none;grid-area:end;place-self:center end;margin-left:0;padding:.35rem .5rem;font-size:.78rem}.mobile-scale-content .monster-preview,.mobile-scale-content .game-info-dialog{z-index:40;position:absolute;inset:0}.mobile-scale-content .monster-preview{z-index:56}.mobile-scale-content .game-info-dialog{z-index:55}.mobile-scale-content .drag-ghost{z-index:50;position:absolute}.mobile-scale-content .monster-preview img{max-width:min(380px,88%);max-height:70%}.mobile-scale-content .board-viewport__scroll{height:300px}.mobile-scale-content .play-stage__roster{flex:none;width:100%}.mobile-scale-content .player-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding-top:1.5rem;display:grid}.mobile-scale-content .roster-seat{width:auto;min-width:0}.mobile-scale-content .guide-popup{max-width:calc(100% - .7rem);padding:.55rem .75rem}.mobile-scale-content .guide-popup-host{padding:.3rem}.mobile-scale-content .guide-popup__text{font-size:.84rem}.mobile-scale-content .play-row{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:.25rem;padding:0 .35rem;overflow:visible}.mobile-scale-content .terrain-draw{align-self:flex-start;width:fit-content;max-width:100%}.mobile-scale-content .terrain-draw__tiles{flex-wrap:nowrap;align-items:flex-start;gap:.2rem;width:fit-content;min-width:0;max-width:100%;padding-bottom:1.4rem;display:flex;position:relative}.mobile-scale-content .terrain-draw__deck-stack{flex-direction:column;flex:none;align-items:stretch;gap:0;width:min(22vw,72px);min-width:0;display:flex;position:relative}.mobile-scale-content .terrain-draw .deck-pile{aspect-ratio:1;box-sizing:border-box;width:100%;height:auto}.mobile-scale-content .terrain-draw__deck-footer{z-index:1;align-items:center;gap:.3rem;width:max-content;min-width:0;max-width:min(100vw - 1rem,18rem);display:flex;position:absolute;top:calc(100% + .18rem);left:0}.mobile-scale-content .hand-slots{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.22rem;width:min(66vw,216px);min-width:0;display:grid}.mobile-scale-content .hand-slot{aspect-ratio:1;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:auto}.mobile-scale-content .hand-slots--many{--hand-slot-compact-size:48px;grid-template-columns:repeat(3, var(--hand-slot-compact-size));grid-auto-rows:var(--hand-slot-compact-size);align-content:end;gap:.22rem;width:fit-content;max-width:100%}.mobile-scale-content .hand-slots--many .hand-slot{width:var(--hand-slot-compact-size);height:var(--hand-slot-compact-size);border-width:1.5px;border-radius:6px}.mobile-scale-content .hand-undo{box-sizing:border-box;white-space:nowrap;text-align:center;flex:none;width:min(22vw,72px);max-width:none;padding:.16rem .1rem;font-size:.58rem;line-height:1.15}.mobile-scale-content .terrain-draw__status{text-align:left;flex:auto;min-width:0;max-height:2.2em;font-size:.66rem}.mobile-scale-content .terrain-draw .btn.primary{flex:none}.mobile-scale-content .card-space{flex:none;align-self:stretch;width:100%}.mobile-scale-content .monster-hand--space{flex-wrap:nowrap;grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;width:100%;display:grid;overflow:visible}.mobile-scale-content .monster-card--space{width:100%;min-width:0;max-width:none;height:auto;aspect-ratio:var(--monster-card-ratio);flex:none}.mobile-scale-content .monster-card--deck{margin-right:0}.mobile-scale-content .solo__top{z-index:4;background:linear-gradient(#1a221cf5 0%,#1a221ce0 70%,#1a221c00 100%);flex-wrap:nowrap;flex:none;gap:.45rem;padding:.35rem .5rem .15rem;overflow-x:auto}.mobile-scale-content .play-stage{gap:.3rem;padding:0 .5rem}.player-roster{flex-direction:column;gap:.45rem;min-width:0;max-height:min(62vh,560px);padding:1.6rem .15rem .15rem;scroll-padding-top:1.6rem;display:flex;overflow:hidden auto}.play-stage{flex-direction:row;align-items:flex-start;gap:.75rem;min-width:0;max-width:100%;display:flex}.play-stage__board{flex:auto;width:100%;min-width:0;max-width:100%;position:relative}.play-stage__roster{flex:0 0 clamp(190px,24vw,260px);align-self:flex-start;width:clamp(190px,24vw,260px)}@media (width>=900px){.player-roster{max-height:min(52vh,480px)}}@media (width<=820px){.play-stage{flex-direction:column}.play-stage__roster{flex:auto;width:100%;max-height:none}.player-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;max-height:none;padding-top:1.6rem;display:grid;overflow:visible}.roster-seat{flex:none;width:auto;min-width:0;max-width:none}}.roster-seat{z-index:0;background:#00000047;border:2px solid #ffffff1f;border-radius:8px;padding:.35rem .4rem .4rem;transition:border-color .15s,box-shadow .15s;position:relative}.roster-seat:has(.roster-bubble){z-index:2;scroll-margin-top:2.4rem}.roster-seat--active{z-index:1;background:#e8c56b14;border-color:#e8c56be6;box-shadow:0 0 0 1px #e8c56b59,0 4px 14px #00000040}.roster-seat__head{align-items:center;gap:.35rem;min-width:0;margin-bottom:.3rem;display:flex}.roster-seat__avatar,.tinted-img.roster-seat__avatar{border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.roster-seat__avatar img,.tinted-img.roster-seat__avatar img{object-fit:cover}.roster-seat--active .roster-seat__avatar{border-color:#e8c56bf2}.roster-seat__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.78rem;font-weight:600;overflow:hidden}.roster-seat__score{color:#e8c56b;font-variant-numeric:tabular-nums;background:#e8c56b2e;border:1px solid #e8c56b73;border-radius:4px;flex-shrink:0;margin-left:.15rem;padding:.1rem .35rem;font-size:.72rem;font-weight:700;line-height:1.2}.roster-seat__score-unit{opacity:.85;margin-left:.1rem;font-size:.62rem;font-weight:600}.roster-seat__you{opacity:.7;flex-shrink:0;margin-left:auto;font-size:.65rem}.roster-seat__rows{flex-direction:column;gap:.2rem;display:flex}.roster-row{align-items:center;gap:.3rem;min-width:0;display:flex}.roster-row__label{opacity:.65;flex:0 0 1.1rem;font-size:.65rem}.roster-row__cards{flex-wrap:wrap;gap:.18rem;min-width:0;display:flex}.roster-row__empty{opacity:.4;font-size:.7rem}.roster-card{width:40px;aspect-ratio:var(--monster-card-ratio);cursor:pointer;background:#1a1a1a;border:1px solid #ffffff2e;border-radius:4px;flex:none;padding:0;overflow:hidden}.roster-card:hover{border-color:#e8c56bb3}.roster-card__face{width:100%;height:100%;display:block;position:relative}.roster-card__face>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.roster-card .habitat-pattern--overlay{border-radius:3px;gap:1px;width:78%;padding:1px}.roster-card .habitat-pattern__cell{border-radius:1px}.roster-card .habitat-pattern__cell--token{outline-offset:-1px;outline-width:1px}.roster-bubble{z-index:5;color:#1a221c;white-space:pre-line;text-align:left;pointer-events:none;background:#f2efe6;border-radius:8px;margin:0;padding:.35rem .45rem;font-size:.72rem;font-weight:600;line-height:1.35;animation:.18s ease-out roster-bubble-in;position:absolute;bottom:calc(100% + 4px);left:.4rem;right:.4rem;box-shadow:0 4px 12px #00000059}.roster-bubble:after{content:"";border:6px solid #0000;border-top-color:#f2efe6;position:absolute;top:100%;left:14px}@keyframes roster-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.speed-control{align-items:center;gap:.25rem;margin-left:.25rem;display:inline-flex}.speed-control__label{opacity:.75;margin-right:.15rem;font-size:.78rem}.speed-control__btn{min-width:2.1rem;color:inherit;font:inherit;cursor:pointer;background:#00000047;border:1px solid #ffffff2e;border-radius:6px;padding:.3rem .4rem;font-size:.78rem}.speed-control__btn--on{color:#e8c56b;background:#e8c56b38;border-color:#e8c56bbf;font-weight:700}.card-viewer{width:100%;max-width:min(1100px,100%);margin:0 auto}.card-viewer__head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.card-viewer__title{margin:0;font-size:1.15rem}.card-viewer__sub{margin:.25rem 0 0}.card-viewer__body{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:stretch;gap:.85rem;min-height:min(70vh,640px);display:grid}.card-viewer__list-pane{background:#00000038;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:.4rem;min-height:0;padding:.55rem;display:flex}.card-viewer__search{margin:0}.card-viewer__count{opacity:.65;margin:0;font-size:.72rem}.card-viewer__list{flex-direction:column;flex:auto;gap:.15rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.card-viewer__name{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:.4rem .5rem;font-size:.88rem}.card-viewer__name:hover{background:#ffffff0f}.card-viewer__name--on{color:#e8c56b;background:#e8c56b29;border-color:#e8c56b8c;font-weight:700}.card-viewer__empty{opacity:.55;padding:.6rem .4rem;font-size:.8rem}.card-viewer__detail{background:#00000038;border:1px solid #ffffff1f;border-radius:8px;min-width:0;padding:.85rem;overflow:auto}.card-viewer__preview{flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.card-viewer__card-wrap{flex-direction:column;align-items:stretch;gap:.45rem;width:min(100%,280px);display:flex}.card-viewer__card-frame{width:100%;aspect-ratio:var(--monster-card-ratio);background:#1a1a1a;border:1px solid #ffffff2e;border-radius:8px;flex:none;overflow:hidden}.card-viewer__nav{align-items:center;gap:.4rem;display:flex}.card-viewer__nav-btn{flex:1 1 0;min-width:0;padding:.45rem .5rem;font-size:.85rem;font-weight:700}.card-viewer__nav-pos{text-align:center;font-variant-numeric:tabular-nums;opacity:.75;flex:none;min-width:3.5rem;font-size:.78rem}.card-viewer__card-img{object-fit:contain;width:100%;height:100%;display:block}.card-viewer__card-missing{text-align:center;color:#ff8e8e;background:repeating-linear-gradient(-45deg,#2a1a1a,#2a1a1a 8px,#1a1212 8px 16px);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;height:100%;padding:.75rem;font-weight:700;display:flex}.card-viewer__card-missing code{color:#ffc8c8d9;word-break:break-all;font-size:.68rem;font-weight:500}.card-viewer__habitat{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.card-viewer__habitat-label{opacity:.7;font-size:.78rem}.card-viewer__data{gap:.55rem;margin:0;display:grid}.card-viewer__data>div{border-bottom:1px solid #ffffff14;grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:.45rem .75rem;padding-bottom:.45rem;display:grid}.card-viewer__data dt{opacity:.65;margin:0;padding-top:.1rem;font-size:.75rem}.card-viewer__data dd{word-break:break-word;margin:0;font-size:.92rem;line-height:1.4}.card-viewer__data code{font-size:.85em}.card-viewer__img-status{vertical-align:middle;border-radius:4px;padding:.05rem .4rem;font-size:.72rem;font-weight:700;display:inline-block}.card-viewer__img-status--loading{color:#ffffffb3;background:#ffffff1a}.card-viewer__img-status--ok{color:#9dd4aa;background:#4a7c5959}.card-viewer__img-status--missing{color:#ffb0b0;background:#b43c3c59}.card-viewer__description{white-space:pre-wrap;line-height:1.55}@media (width<=720px){.card-viewer__body{grid-template-columns:1fr;min-height:0}.card-viewer__list-pane{max-height:240px}.card-viewer__data>div{grid-template-columns:1fr;gap:.15rem}}.board{box-sizing:border-box;background:#2a3328;border-radius:4px;gap:1px;padding:4px;display:grid;position:relative}.cell{background:#3d4a3a;border:none;padding:0;position:relative;overflow:hidden}.cell--lit{outline-offset:-2px;z-index:1;background:#5a6e42;outline:2px solid #e8c56b;box-shadow:inset 0 0 0 2px #e8c56b8c}.cell--lit:after,.cell--selected:after{content:"";z-index:5;pointer-events:none;box-sizing:border-box;position:absolute;inset:0}.cell--lit:after{background:#e8c56b47;border:3px solid #ffdc64f2;box-shadow:inset 0 0 0 1px #fff5c88c}.cell--habitat{outline-offset:-2px;z-index:1;outline:2px solid #6ec8ff;box-shadow:inset 0 0 0 2px #6ec8ff80}.cell--habitat-center{z-index:2;outline-color:#9adbff;box-shadow:inset 0 0 0 2px #9adbffbf,0 0 0 1px #6ec8ff8c}.cell--habitat-center-pick{outline-offset:-2px;z-index:2;outline:2px solid #fff;box-shadow:inset 0 0 0 2px #ffffffd9,0 0 0 1px #ffffff73}.cell--hover.cell--habitat-center-pick{outline-color:#fff;box-shadow:inset 0 0 0 2px #fffffff2,0 0 0 1px #ffffffa6}.cell--selected{outline-offset:-2px;z-index:3;outline:2px solid #6ec8ff;box-shadow:inset 0 0 0 2px #6ec8ffb3,0 0 0 1px #6ec8ff8c}.cell--selected:after{background:#6ec8ff38;border:3px solid #6ec8fff2;box-shadow:inset 0 0 0 1px #c8ecff8c}.habitat-frame{box-sizing:border-box;pointer-events:none;z-index:3;border:2px solid #5ec0ff;border-radius:2px;position:absolute;box-shadow:0 0 0 1px #5ec0ff59,inset 0 0 0 1px #b4e6ff40}.habitat-frame--pick{border-color:#fff;box-shadow:0 0 0 1px #fff6,inset 0 0 0 1px #ffffff4d}.cell--clickable{cursor:pointer}.cell--hover.cell--lit{background:#7a9458;outline-color:#fff3c4}.cell--hover.cell--habitat{outline-color:#c8ecff}.cell img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.cell__tile{z-index:0;position:relative}.cell__territory{z-index:1;opacity:.72;pointer-events:none;background:repeating-linear-gradient(-45deg, var(--territory-color,#e74c3c), var(--territory-color,#e74c3c) 4px, transparent 4px, transparent 8px);position:absolute;inset:0}.token,.tinted-img.token{pointer-events:none;z-index:2;width:55%;height:55%;position:absolute}.token.tame,.tinted-img.token.tame,.token.exclusive,.tinted-img.token.exclusive{top:50%;left:50%;transform:translate(-50%,-50%)}.token.tame,.tinted-img.token.tame,.token.exclusive,.tinted-img.token.exclusive,.token.house{width:75%;height:75%}img.token{object-fit:contain;display:block}.token.house{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.board-viewport{width:100%;min-width:0;max-width:100%}.board-viewport__frame{box-sizing:border-box;background:#1a221c;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.board-viewport__scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab;box-sizing:border-box;background:0 0;border:none;width:100%;max-width:100%;height:min(62vh,560px);overflow:auto}.board-viewport__toolbar{z-index:6;pointer-events:none;flex-wrap:wrap;align-items:center;gap:.35rem;display:flex;position:absolute;inset:auto .45rem .45rem}.board-viewport__toolbar>*{pointer-events:auto}.board-viewport__btn{width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c120ec7;border:1px solid #ffffff38;border-radius:6px;font-size:1.25rem;line-height:1;box-shadow:0 2px 8px #00000059}.board-viewport__btn:hover{border-color:#e8c56b8c}.board-viewport__btn--text{width:auto;padding:0 .65rem;font-size:.8rem}.board-viewport__btn--icon{justify-content:center;align-items:center;padding:0;display:inline-flex}.board-viewport__btn--icon img{object-fit:contain;filter:brightness(0)invert();opacity:.9;width:1.35rem;height:1.35rem;display:block}.board-viewport__btn--on{background:#e8c56b47;border-color:#e8c56bbf;box-shadow:0 2px 8px #00000059,inset 0 0 0 1px #e8c56b59}.board-viewport__btn--on img{opacity:1}.board-viewport__pct{text-align:center;opacity:.9;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c120eb8;border-radius:6px;min-width:2.6rem;padding:.25rem .35rem;font-size:.8rem;box-shadow:0 2px 8px #0000004d}.board-viewport__scroll:active,.board-viewport__scroll--panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.board-viewport__spacer{position:relative}.board-viewport__stage{transform-origin:50%;will-change:transform;position:absolute}@media (width>=900px){.board-viewport__scroll{height:min(52vh,480px)}}:root{color:#f2efe6;-webkit-tap-highlight-color:transparent;--monster-card-ratio:432 / 604;background:radial-gradient(at 20% 0,#3a4f3c 0%,#0000 50%),radial-gradient(at 80% 20%,#2c3e50 0%,#0000 45%),#1a221c;font-family:Hiragino Mincho ProN,Yu Mincho,Georgia,serif;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root,.app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;min-height:100%;margin:0}img,svg,canvas,video{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:auto}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-user-drag:auto;-webkit-touch-callout:default}body{min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:1.25rem}.app--play{box-sizing:border-box;max-width:100%;padding-top:.4rem;overflow-x:hidden}@media (width<=820px){.app--play{padding-left:.5rem;padding-right:.5rem}.play-row{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;max-width:100%;overflow:visible}.terrain-draw{align-self:flex-start;width:fit-content;max-width:100%}.terrain-draw__tiles{flex-wrap:nowrap;align-items:flex-start;gap:.22rem;width:fit-content;min-width:0;max-width:100%;padding-bottom:1.45rem;display:flex;position:relative}.terrain-draw__deck-stack{flex-direction:column;flex:none;align-items:stretch;gap:.22rem;width:min(22vw,72px);min-width:0;display:flex;position:relative}.terrain-draw .deck-pile{aspect-ratio:1;box-sizing:border-box;width:100%;height:auto}.terrain-draw__deck-footer{z-index:1;align-items:center;gap:.35rem;width:max-content;min-width:0;max-width:min(100vw - 1rem,20rem);display:flex;position:absolute;top:calc(100% + .2rem);left:0}.hand-slots{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.22rem;width:min(66vw,216px);min-width:0;display:grid}.hand-undo{box-sizing:border-box;white-space:nowrap;text-align:center;flex:none;width:min(22vw,72px);max-width:none;padding:.18rem .12rem;font-size:.58rem;line-height:1.15}.hand-slot{aspect-ratio:1;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:auto}.hand-slots--many{--hand-slot-compact-size:48px;grid-template-columns:repeat(3, var(--hand-slot-compact-size));grid-auto-rows:var(--hand-slot-compact-size);align-content:end;gap:.22rem;width:fit-content;max-width:100%}.hand-slots--many .hand-slot{width:var(--hand-slot-compact-size);height:var(--hand-slot-compact-size);border-width:1.5px;border-radius:6px}.hand-slots__prompt{padding:.2rem}.hand-slots__draw-popup{max-width:96%;padding:.4rem .55rem}.hand-slots__draw-popup .guide-popup__text{font-size:.68rem}.terrain-draw__status{text-align:left;flex:auto;min-width:0}.terrain-draw .btn.primary{white-space:nowrap;flex:none;padding:.35rem .55rem;font-size:.72rem}.card-space{flex:none;align-self:stretch;width:100%;min-width:0}.monster-hand--space{flex-wrap:nowrap;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;width:100%;padding:.2rem 0;display:grid;overflow:visible}.monster-card--space{width:100%;min-width:0;max-width:none;height:auto;aspect-ratio:var(--monster-card-ratio);flex:none}.monster-card--deck{margin-right:0}.card-space--pick{outline-offset:1px;padding:.2rem}.play-stage,.play-stage__board{width:100%;max-width:100%}.tame-dock__head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"avatars end""actions actions";align-items:center;gap:.4rem;display:grid}.tame-dock__head-avatars{grid-area:avatars;width:auto;min-width:0}.tame-dock__head-actions{flex-wrap:nowrap;grid-area:actions;gap:.35rem;width:100%;padding-bottom:.1rem;overflow-x:auto}.tame-dock__tabs{flex:auto;min-width:0}.tame-dock__tab{white-space:nowrap;padding:.3rem .4rem;font-size:.72rem}.tame-dock__end-turn{white-space:nowrap;flex:none;grid-area:end;place-self:center end;margin-left:0}}.app__header h1{letter-spacing:.02em;margin:0;font-size:clamp(1.15rem,3.2vw,1.85rem);font-weight:600;line-height:1.35}.app__sub{opacity:.75;margin:.25rem 0 1.25rem;font-size:.95rem}.panel{background:#00000047;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.field{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.field input,.join-row input{color:inherit;font:inherit;background:#00000059;border:1px solid #ffffff26;border-radius:6px;padding:.55rem .7rem}.avatars{flex-wrap:wrap;gap:.5rem;display:flex}.avatar{cursor:pointer;background:#222;border:2px solid #0000;border-radius:50%;width:64px;height:64px;padding:0;overflow:hidden}.avatar--on{border-color:#e8c56b}.avatar img{object-fit:cover;width:100%;height:100%}.actions{flex-direction:column;align-items:stretch;gap:.6rem;display:flex}.resume-save{background:#e8c56b1a;border:1px solid #e8c56b73;border-radius:8px;flex-direction:column;gap:.45rem;padding:.75rem .85rem;display:flex}.resume-save__summary{color:#e8c56b;margin:0;font-size:.88rem;font-weight:600}.resume-save__actions{flex-wrap:wrap;gap:.45rem;display:flex}.resume-save__actions .btn{flex:auto}.resume-save__hint{margin:0;font-size:.75rem}.card-viewer-entry{opacity:.75;margin-top:.75rem;font-size:.85rem}.card-viewer-entry:hover{opacity:1}.howto-entry{color:#eaf6ff;background:#285a7873;border-color:#6ec8ff73;font-weight:700}.howto-entry:hover{filter:brightness(1.08);border-color:#6ec8ffbf}.btn{color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;padding:.65rem 1rem}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:#4a7c59;border-color:#5f9a70}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.accent{color:#fff8f0;background:#d4782e;border-color:#e8924a}.btn.accent:hover:not(:disabled){filter:brightness(1.08)}.join-row{gap:.5rem;display:flex}.join-row input{letter-spacing:.2em;text-align:center;flex:1}.hint{opacity:.7;margin:0;font-size:.85rem}.hint code{font-family:ui-monospace,monospace;font-size:.8em}.solo{flex-direction:column;align-items:stretch;gap:0;min-height:calc(100vh - 5.5rem);display:flex}.app--play .solo{min-height:calc(100vh - 1.3rem)}.solo__body{padding-bottom:calc(13.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:.75rem;display:flex}.app--play .solo__body{gap:.35rem}.solo__top{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.solo__top-icons{flex:none;align-items:center;gap:.4rem;display:flex}.icon-btn{cursor:pointer;background:#00000059;border:1px solid #fff3;border-radius:8px;place-items:center;width:2.35rem;height:2.35rem;padding:.35rem;line-height:0;display:grid}.icon-btn:hover{background:#00000080;border-color:#e8c56b8c}.icon-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.game-info-dialog{z-index:55;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.game-info-dialog__panel{background:#1e2a20;border:1px solid #ffffff29;border-radius:10px;width:min(100%,360px);padding:1rem 1.1rem;box-shadow:0 12px 32px #00000073}.game-info-dialog__title{margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.game-info-dialog__list{flex-direction:column;gap:.55rem;margin:0 0 1rem;display:flex}.game-info-dialog__list>div{grid-template-columns:7.5rem 1fr;align-items:baseline;gap:.5rem;display:grid}.game-info-dialog__list dt{opacity:.7;margin:0;font-size:.82rem}.game-info-dialog__list dd{margin:0;font-size:.92rem}.game-info-dialog__actions{justify-content:center;display:flex}.game-log-dialog__panel{flex-direction:column;width:min(100%,420px);max-height:min(80vh,560px);display:flex}.game-log-dialog__body{overscroll-behavior:contain;background:#00000047;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;flex:auto;gap:.4rem;min-height:12rem;max-height:min(55vh,420px);margin:0 0 1rem;padding:.55rem .65rem;display:flex;overflow:hidden auto}.game-log-dialog__empty{opacity:.65;text-align:center;margin:0;padding:1.5rem .5rem;font-size:.88rem}.game-log-dialog__line{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.88rem;line-height:1.45}.game-log-dialog__line--system{opacity:.85;color:#c8d6c4}.game-log-dialog__name{font-weight:700}.tame-dock{z-index:30;padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c120ef0;border-top:1px solid #ffffff1f;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000059}.tame-dock--collapsed{padding-top:.4rem;padding-bottom:calc(.4rem + env(safe-area-inset-bottom,0px))}.solo__body--dock-collapsed{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))!important}.tame-dock__head{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.35rem;display:flex}.tame-dock__head-avatars{flex:none;align-items:center;gap:.45rem;display:flex}.tame-dock__head-actions{flex-wrap:wrap;flex:auto;align-items:center;gap:.45rem;min-width:0;display:flex}.tame-dock--collapsed .tame-dock__head{margin-bottom:0}.tame-dock__toggle{color:#f2efe6;cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:6px;flex:none;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.tame-dock__toggle:hover{border-color:#e8c56b8c}.tame-dock__toggle-icon{font-size:.7rem;line-height:1}.tame-dock__avatars{flex:none;gap:.3rem;display:flex}.tame-dock__avatar-btn{cursor:pointer;opacity:.55;background:0 0;border:2px solid #0000;border-radius:50%;padding:0;line-height:0}.tame-dock__avatar-btn img,.tame-dock__avatar-btn .tinted-img{border-radius:50%;width:36px;height:36px;display:block;overflow:hidden}.tame-dock__avatar-btn .tinted-img img{object-fit:cover}.tame-dock__avatar-btn--on{opacity:1;border-color:#e8c56bd9;box-shadow:0 0 0 1px #e8c56b59}.tame-dock__avatar-btn:hover{opacity:.9}.tame-dock__tabs{flex:1;gap:.25rem;min-width:12rem;display:flex}.tame-dock__tab{color:inherit;font:inherit;cursor:pointer;background:#00000040;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .5rem;font-size:.78rem;display:inline-flex}.tame-dock__tab--on{background:#e8c56b40;border-color:#e8c56bb3}.tame-dock__tab-count{opacity:.75;font-size:.72rem}.tame-dock__food{white-space:nowrap;flex:none;align-items:center;gap:.2rem;display:inline-flex}.tame-dock__food img{object-fit:contain;width:22px;height:22px;display:block}.tame-dock__food-count{font-variant-numeric:tabular-nums;min-width:1ch;font-size:.85rem;font-weight:700}.tame-dock__house{color:#f2efe673;cursor:not-allowed;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;flex:none;align-items:center;gap:.1rem;padding:.2rem .4rem;display:inline-flex}.tame-dock__house img{object-fit:contain;opacity:.55;width:22px;height:22px;display:block}.tame-dock__house-plus{font-size:.95rem;font-weight:700;line-height:1}.tame-dock__house--active{color:#e8c56b;cursor:pointer;background:#e8c56b26;border-color:#e8c56ba6}.tame-dock__house--active img{opacity:1}.tame-dock__house--active:hover{filter:brightness(1.08)}.action-log{box-sizing:border-box;color:#e8c56b;white-space:nowrap;text-overflow:ellipsis;opacity:.35;height:1.55rem;min-height:1.55rem;margin:0;padding:0 .5rem;font-size:.82rem;line-height:1.55rem;overflow:hidden}.terrain-draw{flex-direction:column;flex:0 auto;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.terrain-draw__tiles{flex-wrap:wrap;align-items:flex-start;gap:.28rem;width:fit-content;min-width:0;max-width:100%;padding-bottom:1.6rem;display:flex;position:relative}.terrain-draw__deck-stack{flex-direction:column;flex:none;align-items:stretch;gap:0;width:88px;display:flex;position:relative}.terrain-draw__deck-footer{z-index:1;align-items:center;gap:.4rem;width:max-content;min-width:0;max-width:min(28rem,100vw - 2rem);display:flex;position:absolute;top:calc(100% + .25rem);left:0}.terrain-draw__status{text-align:left;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;width:auto;min-width:0;height:auto;min-height:0;max-height:2.4em;padding:0;font-size:.72rem;line-height:1.2;display:-webkit-box;overflow:hidden}.action-log--on{opacity:1}.guide-popup{z-index:1;pointer-events:none;background:linear-gradient(#244e70f7,#102234f7);border:2px solid #6ec8ff;border-radius:10px;flex-direction:column;align-items:center;gap:.65rem;width:fit-content;max-width:min(96%,32rem);margin:0;padding:.7rem 1.15rem;animation:.2s ease-out guide-popup-in;display:flex;position:relative;box-shadow:0 10px 28px #00000073,0 0 0 1px #6ec8ff59,0 0 18px #6ec8ff38}.guide-popup-host{z-index:50;box-sizing:border-box;background:#080e0a7a;border-radius:8px;justify-content:center;align-items:center;padding:.45rem;display:flex;position:absolute;inset:0}.guide-popup-host--play-row{pointer-events:auto}.guide-popup-host--area{pointer-events:none;background:0 0;border-radius:8px}.guide-popup__text{color:#eaf6ff;text-align:center;text-wrap:balance;margin:0;font-size:clamp(.88rem,2.6vw,1.05rem);font-weight:700;line-height:1.4}.guide-popup__actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.guide-popup__confirm{cursor:pointer;min-width:8.5rem;padding:.5rem 1.1rem;font-weight:700}.guide-popup__cancel{pointer-events:auto;color:#eaf6ff;cursor:pointer;background:#ffffff1f;border-color:#ffffff59;min-width:8.5rem;padding:.5rem 1.1rem;font-weight:600}.guide-popup__cancel:hover{filter:brightness(1.1)}@keyframes guide-popup-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tame-dock__status{color:#e8c56b;margin:0 0 .35rem;font-size:.82rem}.tame-dock__actions{flex-wrap:wrap;gap:.45rem;margin:0 0 .4rem;display:flex}.tame-dock__skill-text{opacity:.9;margin:0 0 .35rem;font-size:.78rem;line-height:1.35}.hand__tile--selected{outline-offset:2px;outline:2px solid #6ec8ff}.tame-dock__head h2{display:none}.tame-dock__end-turn{color:#f2efe673;font:inherit;white-space:nowrap;cursor:not-allowed;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;flex:none;margin-left:auto;padding:.4rem .75rem;font-size:.8rem;font-weight:600;line-height:1.2}.tame-dock__end-turn--active{color:#fff8f0;cursor:pointer;background:#d4782e;border-color:#e8924a;box-shadow:0 0 0 1px #d4782e59}.tame-dock__end-turn--active:hover{filter:brightness(1.05)}.tame-dock__avatar{object-fit:cover;border:2px solid #e8c56bb3;border-radius:50%;flex-shrink:0;width:36px;height:36px}.monster-card--back,.monster-card--readonly{cursor:default}.tame-dock__cards{--dock-card-w:min(26vw, 96px);--dock-card-h:calc(var(--dock-card-w) * 604 / 432);--dock-cards-h:var(--dock-card-h);width:100%;height:var(--dock-cards-h);min-height:var(--dock-cards-h);box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;flex-wrap:nowrap;align-items:flex-start;gap:.5rem;padding-bottom:.15rem;display:flex;overflow:auto hidden}.tame-dock__cards .hint{height:100%;min-height:var(--dock-cards-h);opacity:.65;white-space:nowrap;align-items:center;margin:0;padding:0 .35rem;display:flex}.monster-card--dock{width:var(--dock-card-w);aspect-ratio:var(--monster-card-ratio);flex:none}.dock-card{width:var(--dock-card-w);flex-direction:column;flex:none;align-items:stretch;display:flex}.dock-card__face{width:100%;position:relative}.dock-card__face .monster-card--dock{width:100%}.dock-card .habitat-pattern{align-self:center}.dock-card--slot{align-self:flex-start}.dock-card__empty{width:100%;aspect-ratio:var(--monster-card-ratio);box-sizing:border-box;color:#e8c56b;text-align:center;background:#e8c56b14;border:2px dashed #e8c56ba6;border-radius:8px;justify-content:center;align-items:center;padding:.45rem;font-size:.72rem;font-weight:600;line-height:1.35;display:flex}.monster-card--pick{outline-offset:2px;outline:2px solid #e8c56b}.field select{color:inherit;font:inherit;background:#00000059;border:1px solid #ffffff26;border-radius:6px;padding:.55rem .7rem}.settings-accordion{background:#0000002e;border:1px solid #ffffff1f;border-radius:8px;padding:0}.settings-accordion>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.92rem;font-weight:600;list-style:none;display:flex}.settings-accordion>summary::-webkit-details-marker{display:none}.settings-accordion>summary:after{content:"▸";opacity:.7;transition:transform .15s}.settings-accordion[open]>summary:after{transform:rotate(90deg)}.settings-accordion__body{border-top:1px solid #ffffff14;flex-direction:column;gap:1rem;padding:.85rem 1rem 1rem;display:flex}.result-panel h2{margin-top:0;margin-bottom:.25rem}.result-rounds{color:#e8c56b;margin:0 0 .65rem;font-size:1.05rem}.result-winners{font-size:1.05rem}.result-table{border-collapse:collapse;width:100%;margin:.75rem 0 1rem;font-size:.9rem}.result-table th,.result-table td{text-align:left;border-bottom:1px solid #ffffff1f;padding:.45rem .35rem}.result-table__num{text-align:right;font-variant-numeric:tabular-nums}.result-table__total{color:#f5e6a8;padding-left:.75rem;font-size:1.2rem;font-weight:700}.result-table th.result-table__total{color:#e8c56b;font-size:.95rem}.result-table__win td{color:#e8c56b}.result-table__win .result-table__total{color:#ffe9a0}.result-table tbody tr:not(.result-table__cards-row) td{border-bottom:none;padding-bottom:.25rem}.result-table__cards-row td{border-bottom:1px solid #ffffff2e;padding-top:.15rem;padding-bottom:.75rem}.result-monsters{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.result-monsters__empty{opacity:.55;margin:0;font-size:.78rem}.result-monsters__card{width:min(16vw,72px);aspect-ratio:var(--monster-card-ratio,432 / 604);cursor:pointer;background:#1a1a1a;border:2px solid #0000;border-radius:6px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000059}.result-monsters__card:hover,.result-monsters__card:focus-visible{border-color:#e8c56b;outline:none}.result-monsters__card img{object-fit:contain;width:100%;height:100%;display:block}.result-monsters__card--used{border-color:#e8c56b59}.result-monsters__badge{color:#e8c56b;text-align:center;background:#0c120ee0;border-radius:3px;padding:.1rem .15rem;font-size:.58rem;font-weight:700;line-height:1.2;position:absolute;bottom:.2rem;left:.2rem;right:.2rem}.result-preview__meta{color:#f2efe6;text-align:center;margin:0;font-size:.95rem;font-weight:600}.meta{opacity:.75;font-size:.9rem}.cpu-status{color:#e8c56b;font-size:.9rem}.error{color:#f08080;margin:.35rem 0}.lobby-panel__status{opacity:.75;margin:0;font-size:.9rem}.lobby-panel__count{margin:0;font-size:1rem}.room-code-box{text-align:center;background:linear-gradient(#e8c56b29,#00000047);border:2px solid #e8c56bd9;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;margin:.25rem 0;padding:1rem 1.25rem 1.1rem;display:flex;box-shadow:0 0 0 1px #e8c56b40,0 8px 24px #00000059}.room-code-box__label{letter-spacing:.12em;opacity:.85;font-size:.85rem}.room-code-box__value{letter-spacing:.28em;color:#e8c56b;font-variant-numeric:tabular-nums;text-indent:.28em;font-size:clamp(2.4rem,10vw,3.4rem);font-weight:700;line-height:1.1}.room-code-box__hint{opacity:.7;font-size:.78rem}.game-qr{background:#00000038;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:center;gap:.45rem;margin:.15rem 0;padding:.85rem 1rem;display:flex}.game-qr__label{opacity:.85;margin:0;font-size:.88rem}.game-qr__img{background:#fff;border-radius:8px;width:200px;height:200px;display:block}.game-qr__placeholder{opacity:.5;background:#ffffff14;border-radius:8px;place-items:center;width:200px;height:200px;display:grid}.game-qr__url{opacity:.65;word-break:break-all;text-align:center;max-width:100%;margin:0;font-size:.72rem;line-height:1.35}.lobby-members{flex-direction:column;gap:.45rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.lobby-members__item{align-items:center;gap:.6rem;display:flex}.lobby-members__item img,.lobby-members__item .tinted-img{border:1px solid #fff3;border-radius:50%;width:36px;height:36px;overflow:hidden}.lobby-members__item .tinted-img img{object-fit:cover}.card-row h2{opacity:.9;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.monster-hand{flex-wrap:wrap;gap:.5rem;display:flex}.monster-hand.tame-dock__cards{-webkit-overflow-scrolling:touch;touch-action:pan-x;flex-wrap:nowrap;overflow:auto hidden}.monster-card{width:min(28vw,120px);aspect-ratio:var(--monster-card-ratio);cursor:pointer;background:#1a1a1a;border:2px solid #0000;border-radius:6px;padding:0;display:block;overflow:hidden;box-shadow:0 2px 8px #00000059}.monster-card--on{border-color:#e8c56b}.monster-card--tameable{border-color:#6ecf8a;animation:1.2s ease-in-out infinite tameable-pulse;box-shadow:0 0 0 2px #6ecf8a8c,0 2px 8px #00000059}@keyframes tameable-pulse{0%,to{filter:brightness();border-color:#6ecf8a;box-shadow:0 0 0 2px #6ecf8a73,0 2px 8px #00000059}50%{filter:brightness(1.08);border-color:#b8ffcf;box-shadow:0 0 0 3px #b8ffcfd9,0 0 12px #6ecf8a8c,0 2px 8px #00000059}}@media (prefers-reduced-motion:reduce){.monster-card--tameable{animation:none}}.monster-card img{object-fit:contain;width:100%;height:100%;display:block}.monster-preview{z-index:56;cursor:pointer;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;inset:0}.monster-preview img{object-fit:contain;pointer-events:none;border-radius:8px;max-width:min(90vw,360px);max-height:70vh}.monster-preview__skill{cursor:pointer;min-width:10rem;padding:.65rem 1.25rem;font-size:1rem;font-weight:600}.monster-preview__actions{cursor:default;flex-direction:column;align-items:stretch;gap:.6rem;min-width:min(90vw,16rem);display:flex}.monster-preview__actions .btn{cursor:pointer;padding:.65rem 1.25rem;font-size:1rem;font-weight:600}.play-row{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.55rem .85rem;display:flex;position:relative}.card-space{flex:none;width:fit-content;min-width:0;max-width:100%}.card-space--pick{outline-offset:2px;border-radius:8px;outline:2px solid #6ec8ff8c;padding:.35rem}.monster-hand--space{flex-wrap:nowrap;align-items:center;gap:.55rem;width:fit-content;max-width:100%;padding:.35rem .25rem .4rem;overflow:auto visible}.monster-card--space.monster-card--pick{outline-offset:3px;outline:2px solid #e8c56b}.monster-card--space{width:min(26vw,96px);height:auto;aspect-ratio:var(--monster-card-ratio);flex:none}.monster-card--deck{cursor:default;pointer-events:none;border-color:#fff3;margin-right:.65rem;position:relative}.monster-card__count{text-align:center;color:#fff;background:#000000b3;border-radius:999px;min-width:1.5rem;padding:.1rem .35rem;font-size:.72rem;position:absolute;bottom:4px;right:4px}.decks{flex:none}.deck-pile{cursor:pointer;background:#1a1a1a;border:2px solid #fff3;border-radius:8px;flex:none;width:88px;height:88px;padding:0;position:relative;overflow:hidden}.deck-pile:not(.deck-pile--disabled):hover{border-color:#e8c56b}.deck-pile--disabled{opacity:.55;cursor:not-allowed}.deck-pile img{object-fit:cover;width:100%;height:100%;display:block}.deck-pile__count{text-align:center;color:#fff;pointer-events:none;z-index:1;background:#000000b3;border-radius:999px;min-width:1.5rem;padding:.1rem .35rem;font-size:.72rem;position:absolute;bottom:4px;right:4px}.deck-pile__empty{opacity:.6;place-items:center;height:100%;display:grid}.hand-slots{flex:none;align-items:center;gap:.5rem;display:flex;position:relative}.hand-slots--many{--hand-slot-compact-size:48px;grid-template-columns:repeat(3, var(--hand-slot-compact-size));grid-auto-rows:var(--hand-slot-compact-size);width:fit-content;max-width:min(100%, calc(var(--hand-slot-compact-size) * 3 + .22rem * 2));align-content:end;gap:.22rem;min-width:0;display:grid}.hand-slots--many .hand-slot{width:var(--hand-slot-compact-size);height:var(--hand-slot-compact-size);border-width:1.5px;border-radius:6px;min-width:0}.hand-slots--draw{cursor:pointer;border-radius:8px}.hand-slots--draw:hover .hand-slot{border-color:#6ec8ffa6}.hand-slots--draw:hover .hand-slots__prompt{background:#080e0a9e}.hand-slots--disabled{cursor:not-allowed}.hand-slot{box-sizing:border-box;background:#00000038;border:2px dashed #ffffff47;border-radius:8px;width:88px;height:88px;overflow:hidden}.hand-slot--filled{cursor:grab;touch-action:none;background:#222;border-style:solid;border-color:#ffffff26}.hand-slot--dragging{opacity:.35;cursor:grabbing;border-color:#e8c56b}.hand-slot--selected{outline-offset:2px;outline:2px solid #6ec8ff}.hand-slot img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.hand-slots__prompt{text-align:center;pointer-events:none;z-index:1;box-sizing:border-box;background:#080e0a85;border-radius:8px;place-items:center;margin:0;padding:.35rem;display:grid;position:absolute;inset:0}.hand-slots__draw-popup{gap:0;max-width:min(100%,14rem);padding:.55rem .85rem;animation:.22s ease-out guide-popup-in,1.6s ease-in-out infinite hand-draw-pulse}.hand-slots__draw-popup .guide-popup__text{font-size:clamp(.78rem,2.2vw,.95rem)}@keyframes hand-draw-pulse{0%,to{box-shadow:0 10px 28px #00000073,0 0 0 1px #6ec8ff59,0 0 18px #6ec8ff38}50%{box-shadow:0 10px 28px #00000073,0 0 0 1px #6ec8ff8c,0 0 26px #6ec8ff73}}.card-row--inline{flex:200px}.hand-undo{box-sizing:border-box;white-space:nowrap;text-align:center;opacity:.45;cursor:not-allowed;flex:none;width:88px;padding:.2rem .15rem;font-size:.62rem;line-height:1.15}.hand-undo--active{opacity:1;cursor:pointer;color:#f2efe6;background:#4a7c59;border-color:#5f9a70}.hand-undo--active:hover{filter:brightness(1.08)}.hand{flex-wrap:wrap;align-items:center;gap:.5rem;min-height:72px;display:flex}.hand__tile{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#222;border:2px solid #ffffff26;border-radius:4px;width:72px;height:72px;padding:0;overflow:hidden}.hand__tile--dragging{opacity:.35;cursor:grabbing;border-color:#e8c56b}.hand__tile img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.drag-ghost{pointer-events:none;z-index:50;opacity:.92;border-radius:4px;width:64px;height:64px;margin:-32px 0 0 -32px;position:fixed;overflow:hidden;box-shadow:0 8px 24px #00000073}.drag-ghost img{object-fit:cover;width:100%;height:100%;display:block}