:root dialog.character-room{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--game-paper);-webkit-backdrop-filter:blur(10px)saturate(.85);backdrop-filter:blur(10px)saturate(.85);box-shadow:none;background:radial-gradient(70% 80% at 36% 52%,#2a5545e8 0%,#18392ef2 58%,#102a20fa 100%);border:0;border-radius:0;margin:0;padding:22px 5vw 22px 26px;position:fixed;inset:0;overflow:hidden}:root dialog.character-room[open]{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) min(360px,34vw);gap:12px 4vw;display:grid}:root dialog.character-room::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.character-room-top{grid-column:1/-1;align-items:center;gap:14px;display:flex}.character-room button.character-room-back,.character-room button.character-room-arrow{min-height:0;color:var(--game-forest);background:#fffcf4e8;border:0;place-items:center;padding:0;display:grid;box-shadow:0 6px 18px #0e21173d}.character-room button.character-room-back{border-radius:13px;width:46px;height:46px}.character-room-top small{color:#d7e2cd;font-size:13px;display:block}.character-room-top h2{letter-spacing:-.5px;color:var(--game-paper);margin:0;font-size:28px;font-weight:750}.character-room-stage{grid-area:2/1;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex}.character-room button.character-room-arrow{border-radius:50%;flex:none;width:52px;height:52px}.character-room button.character-room-arrow:disabled{opacity:.35}.character-room button.character-room-arrow .game-icon,.character-room button.character-room-back .game-icon{width:24px;height:24px}.character-room button.character-room-figure{background:0 0;border:0;border-radius:0;flex:1;max-width:520px;height:100%;min-height:0;max-height:660px;padding:0;position:relative}.character-room button.character-room-figure:hover{background:0 0}.character-room-figure:after{content:"";pointer-events:none;background:radial-gradient(#fffcf4b8 0%,#fffcf440 55%,#0000 72%);border-radius:50%;width:58%;height:46px;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.character-room .character-room-preview{z-index:1;pointer-events:none;background:0 0;border-radius:0;width:100%;height:100%;position:relative}.character-room-card{background:var(--game-paper);color:var(--game-ink);border-radius:22px;flex-direction:column;grid-area:2/2;align-self:center;gap:12px;padding:24px;display:flex;box-shadow:0 18px 40px #0e211747}.character-room-card small{color:var(--game-muted);font-size:13px}.character-room-card h3{letter-spacing:-.5px;margin:0;font-size:28px}.character-room-tag{color:var(--game-forest);background:#e7ebdf;border-radius:99px;align-self:flex-start;padding:4px 11px;font-size:12px;font-weight:700}.character-room-card p{color:var(--game-muted);margin:0;font-size:14px;line-height:1.55}.character-room-card button{border-radius:14px;width:100%;min-height:48px;font-size:15px;font-weight:700}.character-room-card button .game-icon{width:20px;height:20px}.character-room-more{color:var(--game-ink);align-self:flex-start;align-items:center;gap:4px;font-size:13px;display:inline-flex}.character-room-more .game-icon{width:15px;height:15px}.character-room-strip{grid-area:3/1/auto/-1;gap:10px;padding:4px 3px;display:flex;overflow-x:auto}.character-room-strip button{width:64px;height:72px;min-height:0;color:var(--game-forest);background:#fffcf4e0;border:0;border-radius:15px;flex:none;place-items:center;padding:0;display:grid;overflow:hidden;box-shadow:0 4px 12px #0e211733}.character-room-strip button[aria-pressed=true]{box-shadow:0 0 0 3px #c5a467,0 4px 12px #0e211733}.character-room-strip img{object-fit:cover;width:100%;height:100%}.character-room-strip span{font-size:18px;font-weight:750}.character-room-strip .character-room-new{white-space:normal;flex-direction:column;justify-content:center;gap:2px;font-size:11px;font-weight:700;display:flex}.character-room-strip .character-room-new span{font-size:11px}.character-room-strip .game-icon{width:22px;height:22px}.character-room-message{text-align:center;color:var(--game-paper);grid-area:2/1/auto/-1;place-self:center}@media (max-width:750px){:root dialog.character-room{padding:14px 14px 16px}:root dialog.character-room[open]{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);row-gap:10px}.character-room-stage{gap:8px}.character-room button.character-room-arrow{width:44px;height:44px}.character-room-card{border-radius:18px;grid-area:3/1;gap:8px;padding:16px}.character-room-card h3{font-size:22px}.character-room-strip{grid-row:4}.character-room-strip button{width:54px;height:60px}}