.printed-info{color:#29272c}.printed-info .eyebrow{color:#6b5961;letter-spacing:1px}.printed-name{padding:12px 15px!important;border:2px solid #b6a799;border-radius:8px;background:linear-gradient(100deg,#fff9df,#f8ecd3);box-shadow:inset 0 0 0 2px #fffbef;color:#29222b;font-weight:800}.printed-type{font-size:12px;color:#675e66}.printed-info .detail-stats{margin:12px 0;background:#f0e9db;border-radius:9px;padding:12px;justify-content:space-between}.ability-frame{border:2px solid #b8aba1;background:#fffdf5;border-radius:10px;box-shadow:inset 0 0 0 3px #f1e8d9;overflow:hidden}.ability-frame h3{padding:9px 14px;margin:0;background:#e8dfcf;border-bottom:1px solid #b8aba1;font-size:13px}.ability-block{padding:12px 14px;margin:0!important;font-size:14px;line-height:1.85;white-space:pre-wrap;border-bottom:1px solid #e1d8c8}.ability-block:last-child{border-bottom:0}.skill-symbol{display:inline-block;width:auto!important;height:19px;vertical-align:middle;object-fit:contain;margin:0 2px;max-width:90px}.symbol-counter-blast,.symbol-soul-blast,.symbol-counter-charge,.symbol-soul-charge{height:23px}.symbol-vc,.symbol-rc,.symbol-gc{height:22px}.symbol-once{height:16px}.printed-info .detail-note{color:#74666a;margin:12px 0 0;font-size:11px}.symbol-legend{font-size:11px;margin:14px 0 0;color:#72686e}.printed-info{background:#f5f0e5;border-radius:12px;padding:16px}.room-form{display:grid;gap:13px;padding:24px}.room-form label{display:grid;gap:5px}.room-form button{min-height:43px}.room-form .split-line{border-top:1px solid var(--ui-border);padding-top:16px}.room-form input{width:100%}.room-form #room-code{text-transform:uppercase}.room-error{color:var(--ui-accent-soft);min-height:20px;font-size:12px;margin:0}.play-entry{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:22px 0;padding:22px;border:1px solid var(--ui-accent);border-radius:20px;background:var(--ui-surface)}.play-entry h2{margin:0 0 5px}.play-entry p{margin:0;font-size:13px;color:var(--ui-muted)}.play-entry button{padding:14px 24px}.dialog-head .close{flex:none}@media(max-height:500px){.room-form{gap:7px;padding:15px}.play-entry{padding:16px}.ability-block{font-size:12px}.printed-info{padding:12px}}
.ability-status{color:#fff2d7!important;background:#b06e1a24;border:1px solid #f4d49a66;border-radius:6px;padding:9px 12px;font-size:12px;line-height:1.6}
.detail-art{min-width:0;align-self:start}.detail-art-preview{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in}.detail-art-preview .detail-image{display:block;width:100%;height:auto}.detail-art-preview>span{display:grid;place-items:center;min-width:48px;min-height:36px;padding:4px 12px;border:1px solid #ffffff50;border-radius:24px;background:#ffffff12;color:#f4f4f2;font-size:13px;letter-spacing:1px}.detail-art-preview:focus-visible{outline:2px solid #fff9;outline-offset:5px;border-radius:10px}
.collector-viewer[open]{display:flex;position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;box-sizing:border-box;overflow:hidden;border:0!important;border-radius:0;background:transparent!important;color:#f6f6f3;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.collector-viewer::backdrop{background:transparent;backdrop-filter:none}
.collector-open>dialog[open]:not(.collector-viewer){visibility:hidden}.collector-open>dialog[open]:not(.collector-viewer)::backdrop{visibility:hidden;background:transparent;backdrop-filter:none}
.collector-close{position:fixed;z-index:20;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));display:grid;place-items:center;width:48px;height:48px;padding:10px;border:1px solid #ffffff88;border-radius:50%;background:#151b2dcc;color:inherit;touch-action:manipulation;pointer-events:auto}.collector-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;pointer-events:none}
.collector-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;position:relative;z-index:0;isolation:isolate;perspective:1400px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;background:transparent}.collector-card{cursor:grab}.collector-stage.dragging,.collector-stage.dragging .collector-card{cursor:grabbing}
.collector-card{--card-ratio:.686;position:relative;height:min(620px,calc(var(--stage-height,70dvh) - 24px),calc((100vw - 70px) / var(--card-ratio)));aspect-ratio:var(--card-ratio);flex:none;transform-style:preserve-3d;will-change:transform}
.collector-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:3% / 2%;box-shadow:0 18px 35px #0006;background:#18212a}.collector-front{transform:translateZ(1px)}.collector-back{transform:rotateY(180deg) translateZ(1px)}.collector-face>img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.collector-gloss{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--gloss-x,50%) var(--gloss-y,50%),#ffffff20,transparent 60%);mix-blend-mode:screen}.collector-foil .collector-gloss{background:linear-gradient(125deg,transparent 20%,#a8eaff25 35%,#fff4b445 48%,#ffb8e12b 60%,transparent 76%);background-size:220% 220%;background-position:var(--gloss-x,50%) var(--gloss-y,50%);opacity:.65}.collector-edge{position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(90deg,#b5b1a5,#f4eee0);transform:rotateY(90deg);transform-origin:left;backface-visibility:visible}
.collector-viewer button:focus-visible{outline:2px solid #fff9;outline-offset:3px}
@media(max-width:600px){.collector-card{height:min(620px,calc(var(--stage-height,70dvh) - 24px),calc((100vw - 48px) / var(--card-ratio)))}.detail-art-preview>span{min-height:40px}}
@media(max-height:450px){.collector-card{height:min(620px,calc(var(--stage-height,70dvh) - 16px),calc((100vw - 48px) / var(--card-ratio)))}}
@media(prefers-reduced-motion:reduce){.collector-card{transition:none!important}}