: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;position:relative}.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-host--area-top{justify-content:center;align-items:flex-start;padding-top:.85rem}.area-announce-host{z-index:60;box-sizing:border-box;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:.85rem 1rem;display:flex;position:absolute;inset:0}.area-announce{text-align:center;pointer-events:none;background:linear-gradient(#842024fa,#3a0c10fa);border-color:#ff7a7a;gap:.5rem;max-width:min(92%,28rem);box-shadow:0 10px 28px #00000080,0 0 0 1px #ff787866,0 0 20px #dc3c3c59}.area-announce__line{color:#fff5f5;text-shadow:0 1px 3px #0000008c;text-wrap:balance;margin:0;font-size:clamp(1rem,3vw,1.2rem);font-weight:700;line-height:1.45}.area-announce__line+.area-announce__line{opacity:.96;font-size:clamp(.92rem,2.6vw,1.05rem);font-weight:600}.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:0}.result-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;margin-bottom:.65rem;display:flex}.result-view-toggle{background:#00000040;border:1px solid #ffffff38;border-radius:8px;display:inline-flex;overflow:hidden}.result-view-toggle__btn{color:#ffffffb8;cursor:pointer;background:0 0;border:none;border-radius:0;margin:0;padding:.4rem .85rem;font-size:.88rem;font-weight:600}.result-view-toggle__btn+.result-view-toggle__btn{border-left:1px solid #ffffff2e}.result-view-toggle__btn--on{color:#0c1610;background:#e8c56b}.result-panel--board{max-width:min(1100px,100%)}.result-board__hint{opacity:.88;margin:0 0 .65rem;font-size:.92rem}.result-board__stage{margin-bottom:.35rem}.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}