/* Quiet anime identity, stable vector icons and a single contextual game screen. */
.ui-icon{display:block;width:22px;height:22px;flex:none;vertical-align:middle}
.icon-button{display:grid;place-items:center;line-height:0;padding:8px}.icon-button .ui-icon{width:20px;height:20px}
.brand-mark .ui-icon{width:76%;height:76%;fill:currentColor;stroke-width:0}
.search>span{top:50%;left:13px;transform:translateY(-50%);width:18px;height:18px;line-height:0;display:grid;place-items:center;pointer-events:none}.search>span .ui-icon{width:18px;height:18px}
.small-spark,.deduction>span,.step{display:grid;place-items:center;flex:none;line-height:1}.small-spark{width:26px;height:26px}.small-spark .ui-icon{width:22px;height:22px}
.step .ui-icon{width:16px;height:16px}.card-info{display:grid;place-items:center;line-height:1;padding:0}.mini-card .verdict{display:grid;place-items:center;line-height:1}.pagination .text-button:not(.clear){display:grid;place-items:center;line-height:1}
#suggestButton{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}#suggestButton .ui-icon{width:17px;height:17px}
.profile-picker{position:relative;width:96px;height:96px;padding:5px;border:2px solid var(--accent);border-radius:28px;flex:none;background:var(--input);box-shadow:0 0 0 5px #b9a4ff12;line-height:0}
.profile-picker .portrait-wrap{height:82px;border-radius:20px}.profile-picker .avatar-edit{display:grid;place-items:center;position:absolute;right:-7px;bottom:-6px;width:26px;height:26px;background:var(--yellow);color:#30283e;border:3px solid var(--panel);border-radius:50%}.avatar-edit .ui-icon{width:14px;height:14px}
.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.avatar-choice{padding:6px;background:var(--input);border:2px solid var(--line);border-radius:14px;text-align:left;min-width:0}.avatar-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.avatar-choice .portrait-wrap{height:100px;border-radius:8px}.avatar-choice strong{display:block;margin:7px 3px 2px;font-size:12px}.avatar-choice small{display:block;margin:0 3px 4px;color:var(--muted);font-size:9px}
.compact-avatar{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--accent);padding:9px 0 0;font-size:11px}.compact-avatar .portrait-wrap{width:31px;height:35px;border-radius:8px}
.home-title h1{letter-spacing:-2px}.home-play{justify-content:center}.home-title .home-seal{opacity:.7}.home-actions>.button{grid-template-columns:34px minmax(0,1fr) 34px}.mode-picker strong{font-size:17px}.mode-picker small{font-size:10px}
body[data-online=true] .tabs{display:none!important}body[data-online=true] .page-footer{display:none}body[data-online=true] .room-bar{border-radius:14px;box-shadow:none;padding:12px 16px;gap:15px;margin-bottom:24px}body[data-online=true] .room-bar>div{flex:0 0 auto}body[data-online=true] .room-bar strong{font-size:11px}body[data-online=true] .room-bar small{font-size:10px}
.match-score{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;flex-wrap:wrap}.match-player{display:flex;align-items:center;gap:7px;padding:5px 9px 5px 5px;border:1px solid transparent;border-radius:11px;font-size:11px;color:var(--muted);min-width:0}.match-player .portrait-wrap{width:29px;height:32px;border-radius:8px;flex:none}.match-player>span:not(.portrait-wrap){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-player b{color:var(--ink);padding-left:5px}.match-player.active-player{border-color:#b9a4ff70;background:var(--input);color:var(--ink)}
body[data-phase=playing] #host>.heading,body[data-phase=playing] #mine>.heading{display:none}body[data-phase=playing] #openRoom,body[data-phase=playing] #libraryButton{display:none}body[data-phase=playing] .turn-ribbon{margin-bottom:18px;border-width:1px;border-left-width:3px;padding:15px 19px;box-shadow:none}#turnSymbol{display:grid;place-items:center;width:46px;height:48px;flex:none}#turnSymbol .portrait-wrap{width:46px;height:48px;border-radius:12px}.turn-ribbon strong{font-size:19px;letter-spacing:-.3px}.turn-ribbon small{font-size:12px}.turn-ribbon #turnCounter{display:block;font-size:9px}#lastAnswer{font-size:11px;padding:8px 12px;margin-bottom:16px}
body[data-phase=playing] .play-board{padding:25px}body[data-phase=playing] .board-top{margin-bottom:22px}body[data-phase=playing] .play-board>h2{font-size:24px}body[data-phase=playing] #mineFeedback{display:none}
.incoming-online>.eyebrow{text-align:center;margin:8px 0 14px}.incoming-character{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:18px 12px 22px;min-height:230px}.incoming-character .portrait-wrap{width:115px;height:140px;border-radius:15px;box-shadow:0 5px 20px #0002}.incoming-character h3{font-size:26px;text-align:center}.incoming-online .answer-buttons{margin-top:0;gap:16px}.incoming-online .answer{font-size:23px;min-height:74px}.incoming-online .answer small{font-size:11px}.incoming-online>.muted{text-align:center;margin:12px 0 22px}.incoming-online>h3{text-align:center;padding:24px 12px;font-size:25px}
.spectator-turn{text-align:center;padding:25px 10px 30px}.spectator-avatar{display:block;width:70px;margin:0 auto 20px}.spectator-avatar .portrait-wrap{width:70px;height:77px;border-radius:19px}.spectator-turn h3{font-size:25px;margin:12px 0}.spectator-turn .muted{font-size:12px}.spectator-guess{width:85px;margin:18px auto}.spectator-guess .portrait-wrap{height:100px;border-radius:12px}
.guess-preview{display:flex;align-items:center;gap:13px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin-top:13px}.guess-preview .portrait-wrap{width:47px;height:54px;border-radius:9px;flex:none}.guess-preview>div{flex:1;min-width:0}.guess-preview small{display:block;font-size:8px;color:var(--muted);letter-spacing:1px}.guess-preview strong{display:block;font-size:15px;margin-top:3px;overflow-wrap:anywhere}.preview-wait{color:var(--accent)}
.final-spark{display:grid;place-items:center;width:82px;height:82px;flex:none;background:#ffda7015;border:1px solid #ffda7040;border-radius:24px;color:var(--yellow)}.final-spark .ui-icon{width:47px;height:47px}#final>.heading{padding:18px 0 24px}#final>.heading h1{font-size:clamp(28px,4vw,42px);max-width:850px}#final.is-winner>.heading h1{color:var(--yellow)}.reveal-card{padding:25px}.reveal-owner{display:flex;align-items:center;gap:12px;margin-bottom:22px}.reveal-owner>.portrait-wrap{width:48px;height:54px;border-radius:12px;flex:none}.reveal-owner>div{flex:1}.reveal-owner .eyebrow{font-size:8px;margin-bottom:3px}.reveal-owner h3{font-size:15px}.reveal-card>h2{font-size:23px;line-height:1.4;min-height:65px}.winning-rule{border-color:#ffda7077}.winner-point{background:var(--yellow);color:#30283e;font-size:18px;font-weight:850;border-radius:10px;padding:6px 9px}.final-actions{align-items:center;gap:28px}.final-actions #finalScore{display:flex;flex-wrap:wrap;gap:12px;flex:1}.score-player{display:flex;align-items:center;gap:9px;font-size:12px}.score-player>.portrait-wrap{width:32px;height:37px;border-radius:9px}.score-player b{font-size:19px;color:var(--ink);padding-right:12px}.score-player.round-winner b{color:var(--yellow)}.final-actions>.button{min-width:180px;min-height:49px}
.lobby-team h3{line-height:1.2}.lobby-avatar{width:40px;height:44px;overflow:hidden;line-height:0}.lobby-avatar .portrait-wrap{width:40px;height:44px;border-radius:10px}.lobby-avatar>.ui-icon{width:20px;height:20px}.lobby-people .lobby-team{margin:12px 0;padding:12px 15px}.lobby-player{padding:7px 0}.lobby-options .panel-title>.step{line-height:1}.lobby-layout #lobbyPlayers{display:grid;gap:0 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-team .lobby-player{flex-wrap:wrap}.lobby-player small{margin-left:51px;margin-top:-7px}.lobby-player strong{flex-basis:calc(100% - 60px)}
.workshop-legacy{display:none!important}.idea-entry{margin-top:15px}.idea-launch{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;background:var(--panel2);color:var(--accent);border:1px solid var(--line);padding:12px;box-shadow:none;text-align:left;font-size:11px}.idea-launch span{flex:1}.idea-launch .ui-icon{width:18px;height:18px}.keyword-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.keyword-suggestions:empty{display:none}.keyword-suggestions button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:5px 9px;font-size:10px;color:var(--muted);background:var(--input)}.keyword-suggestions small{font-size:9px;color:var(--accent)}
.ideas-dialog{width:min(1000px,calc(100% - 28px));padding:28px}.ideas-search{display:block;margin:22px 0 16px}.ideas-search input{padding-left:40px;height:44px;font-size:13px}.idea-categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.idea-categories button{font-size:11px;padding:7px 12px;color:var(--muted);background:var(--input);border:1px solid var(--line);border-radius:18px;text-transform:capitalize}.idea-categories button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.idea-workbench{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--input)}.idea-workbench .eyebrow{font-size:9px}.idea-workbench .fine-print{margin-top:0}.composition{display:flex;gap:7px;flex-wrap:wrap;min-height:30px;font-size:11px}.composition>span:not(.muted){background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:5px 8px}.composition .excluded{color:var(--red)}.idea-workbench .check-line{font-size:10px;margin:12px 0}.composition-actions{display:flex;align-items:center;gap:14px}.composition-actions .button{min-height:35px;font-size:11px;padding:7px 12px}.idea-count{font-size:10px;color:var(--muted);margin:20px 0 12px}.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.idea-card{padding:15px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;min-width:0}.idea-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted)}.idea-card-top>span{text-transform:capitalize;color:var(--accent)}.idea-card h3{text-transform:capitalize;font-size:15px;line-height:1.4;min-height:42px;margin:11px 0 14px}.idea-portraits{display:flex;gap:5px;height:45px}.idea-portraits .portrait-wrap{width:34px;height:43px;flex:none;border-radius:7px}.idea-card-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px}.idea-card-actions .text-button{font-size:11px}.idea-card-actions>span{display:flex;gap:5px}.keyword-add{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--line);color:var(--accent);background:var(--input);font-size:17px;font-weight:700;line-height:1}
:root[data-theme=light] .profile-picker{box-shadow:0 0 0 5px #7659d612}:root[data-theme=light] .final-spark,:root[data-theme=light] .winner-point{color:#7b5800}:root[data-theme=light] #final.is-winner>.heading h1{color:#806019}
@media(max-width:1000px){.profile-picker{width:82px;height:82px;border-radius:24px}.profile-picker .portrait-wrap{height:68px;border-radius:17px}.match-player>span:not(.portrait-wrap){max-width:72px}.idea-workbench{grid-template-columns:1fr}.idea-workbench>.fine-print{display:none}}
@media(max-width:760px){body[data-online=true] .room-bar{padding:10px;gap:7px;flex-wrap:wrap}body[data-online=true] .room-bar>div{flex:1}.match-score{order:4;flex-basis:100%;justify-content:flex-start;border-top:1px solid var(--line);padding-top:6px;gap:5px}.match-player{flex:1;font-size:10px;max-width:50%;gap:5px}.match-player>span:not(.portrait-wrap){max-width:none}.turn-ribbon strong{font-size:15px}.turn-ribbon small{font-size:10px}.turn-ribbon #turnCounter{display:none}.turn-ribbon{flex-wrap:wrap}#switchLane{margin-left:auto;padding:5px 8px;font-size:10px}#turnSymbol,#turnSymbol .portrait-wrap{width:37px;height:41px}body[data-phase=playing] .play-board{padding:20px}.incoming-character{min-height:205px;padding-top:10px}.incoming-character .portrait-wrap{width:95px;height:120px}.incoming-character h3{font-size:22px}.incoming-online .answer{font-size:20px;min-height:68px}.final-spark{width:58px;height:58px;border-radius:17px}.final-spark .ui-icon{width:33px;height:33px}.final-actions{align-items:stretch;gap:20px}.final-actions>.button{width:100%}.avatar-grid{gap:9px}.avatar-choice .portrait-wrap{height:80px}.ideas-dialog{padding:20px}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.idea-card{padding:12px}.idea-card h3{font-size:13px}.idea-card-top{font-size:8px}.idea-portraits .portrait-wrap{width:29px;height:38px}.idea-categories{gap:5px}.idea-categories button{font-size:10px;padding:6px 9px}.idea-workbench{padding:13px}.reveal-grid{grid-template-columns:1fr}.lobby-layout #lobbyPlayers{grid-template-columns:1fr}.lobby-player small{margin:0}.lobby-player strong{flex-basis:auto}.lobby-team .lobby-player{flex-wrap:nowrap}}
@media(max-width:420px){.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-player{gap:15px}.profile-picker{width:73px;height:73px}.profile-picker .portrait-wrap{height:59px;border-radius:15px}.idea-grid{grid-template-columns:1fr}.idea-card h3{min-height:0}.idea-portraits .portrait-wrap{width:35px;height:42px}.idea-card-top{font-size:9px}.mode-picker{gap:7px}.mode-picker label{padding:11px 8px}.mode-picker strong{font-size:14px}.mode-picker small{font-size:9px}}
@media(min-width:761px) and (max-height:820px){body[data-phase=playing] .topbar{padding-top:12px;padding-bottom:12px}body[data-phase=playing] .room-bar{padding-top:7px;padding-bottom:7px;margin-bottom:14px}body[data-phase=playing] .turn-ribbon{padding-top:10px;padding-bottom:10px;margin-bottom:14px}body[data-phase=playing] .play-board{padding:20px}body[data-phase=playing] .board-top{margin-bottom:14px}body[data-phase=playing] .play-board>h2{font-size:22px;margin-bottom:12px}.incoming-online>.eyebrow{margin:4px 0 8px}.incoming-character{min-height:175px;padding:6px 12px 12px;gap:9px}.incoming-character .portrait-wrap{width:87px;height:108px}.incoming-character h3{font-size:23px}.incoming-online .answer{min-height:65px;padding:10px}}
.idea-workbench{display:block}.idea-workbench>summary{font-size:12px}.idea-workbench>summary small{font-size:9px;color:var(--muted);font-weight:400;margin-left:7px}.idea-workbench-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;margin-top:17px}.idea-workbench:not([open])>.idea-workbench-body{display:none}.idea-workbench-body>.fine-print{margin-top:0}
@media(max-width:1000px){.idea-workbench-body{grid-template-columns:1fr}.idea-workbench-body>.fine-print{display:none}}