:root{--pink: #ff8fb8;--pink-deep: #e85a93;--pink-shadow: #a83563;--teal: #4cc9d6;--teal-deep: #2a98a8;--mint: #a8f0c6;--mint-deep: #7dd9a8;--lavender: #c7b3ff;--lavender-deep: #8e6fd6;--sunny: #ffe066;--sunny-deep: #ffd633;--coral: #ff8a6b;--coral-deep: #e8704f;--sky: #8ed3ff;--sky-deep: #5fb8e8;--softwhite: #fdf6ff;--paper: #fff4e8;--paper-dark: #f0e0c8;--plum: #5b3a7a;--plum-deep: #3d2855;--charcoal: #2d2540;--ink: #1a1228;--ink-darker: #0d0617;--maeve: var(--pink-deep);--cordelia: var(--plum);--priya: #c97800;--juno: var(--lavender-deep);--delphine: #d63384;--eleanor: #2a7a4a;--px: 4px;--px-half: 2px;--window-fill: var(--paper);--window-fill-alt: var(--softwhite);--window-edge: var(--charcoal);--window-shadow: var(--ink);--chat-bar-height: 64px;--pixel: "Press Start 2P", monospace;--modern: "Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--pixel);background:var(--ink-darker);color:var(--charcoal);overflow:hidden;image-rendering:pixelated}button{font-family:inherit;cursor:pointer}.pxwin{position:relative;background:var(--window-fill);color:var(--charcoal);border:3px solid var(--window-edge);box-shadow:inset 3px 3px 0 0 var(--softwhite),inset -3px -3px 0 0 var(--paper-dark),6px 6px 0 0 var(--ink),8px 8px 0 0 var(--plum-deep);image-rendering:pixelated}.pxwin.flat{box-shadow:inset 2px 2px 0 0 var(--softwhite),inset -2px -2px 0 0 var(--paper-dark)}.pxwin.dark{background:var(--plum-deep);color:var(--softwhite);box-shadow:inset 3px 3px 0 0 var(--plum),inset -3px -3px 0 0 var(--ink),6px 6px 0 0 var(--ink-darker)}.pxwin:before,.pxwin:after{content:"";position:absolute;width:8px;height:8px;background:linear-gradient(var(--charcoal),var(--charcoal)) no-repeat 3px 0/2px 8px,linear-gradient(var(--charcoal),var(--charcoal)) no-repeat 0 3px/8px 2px;pointer-events:none}.pxwin:before{top:-2px;left:-2px}.pxwin:after{top:-2px;right:-2px}.pxbtn{font-family:var(--pixel);font-size:10px;letter-spacing:.08em;color:var(--softwhite);background:var(--plum-deep);border:3px solid var(--charcoal);padding:10px 14px;box-shadow:inset 2px 2px #ffffff2e,inset -2px -2px #00000040,4px 4px 0 0 var(--charcoal);image-rendering:pixelated;transition:transform .08s steps(2),box-shadow .08s steps(2);text-transform:uppercase}.pxbtn:hover{transform:translate(-2px,-2px);box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #00000040,6px 6px 0 0 var(--charcoal)}.pxbtn:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #0003,inset -2px -2px #ffffff1a,1px 1px 0 0 var(--charcoal)}.pxbtn.primary{background:var(--pink-deep)}.pxbtn.primary:hover{background:var(--pink)}.pxbtn.success{background:var(--mint-deep);color:var(--plum-deep)}.pxbtn.danger{background:var(--coral-deep)}.pxbtn.ghost{background:var(--paper);color:var(--plum-deep)}.pxbtn.sm{font-size:8px;padding:7px 10px;box-shadow:inset 2px 2px #ffffff2e,inset -2px -2px #00000040,3px 3px 0 0 var(--charcoal)}[data-state]{display:none!important}body[data-active=opening] [data-state~=opening],body[data-active=mid] [data-state~=mid],body[data-active=rec] [data-state~=rec],body[data-active=reject-reason] [data-state~=reject-reason],body[data-active=reject-discuss] [data-state~=reject-discuss],body[data-active=accepted] [data-state~=accepted],body[data-active=shelf] [data-state~=shelf]{display:revert!important}body[data-active=opening] .chat-bar,body[data-active=opening] .history-tab,body[data-active=opening] .tracker-tab,body[data-active=opening] .save-chip,body[data-active=opening] .central-dialog,body[data-active=shelf] .chat-bar,body[data-active=shelf] .history-tab,body[data-active=shelf] .tracker-tab,body[data-active=shelf] .save-chip,body[data-active=shelf] .central-dialog,body[data-active=rec] .central-dialog,body[data-active=reject-reason] .central-dialog,body[data-active=accepted] .central-dialog{opacity:0;pointer-events:none}.stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--ink-darker);background-image:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px)}.world{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:320 / 180;width:min(100vw,calc(100vh * 320 / 180));height:min(100vh,56.25vw);pointer-events:none;container-type:size;container-name:world;outline:4px solid var(--charcoal);outline-offset:-4px}.room-bg{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.sprites{position:absolute;inset:0;pointer-events:none}.sprite{position:absolute;image-rendering:pixelated;image-rendering:crisp-edges;animation:bob 1.6s steps(2) infinite;transition:filter .3s steps(2);z-index:3}.sprite[aria-describedby=characterTooltip]{pointer-events:auto;cursor:help}.sprite[aria-describedby=characterTooltip]:focus-visible{outline:0;filter:brightness(1.12) drop-shadow(0 0 2px var(--sunny))}.sprite[data-char=maeve]{animation-delay:-0s}.sprite[data-char=cordelia]{animation-delay:-.2s}.sprite[data-char=priya]{animation-delay:-.4s}.sprite[data-char=juno]{animation-delay:-.6s}.sprite[data-char=delphine]{animation-delay:-.8s}.sprite[data-char=eleanor]{animation-delay:-1s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.spotlight{position:absolute;pointer-events:none;width:18%;aspect-ratio:1;left:0;top:0;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:opacity .3s steps(3),left .4s steps(8),top .4s steps(8)}.spotlight.visible{opacity:1}.spotlight .rays{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,var(--sunny) 0deg 12deg,transparent 12deg 30deg,var(--sunny) 30deg 42deg,transparent 42deg 60deg,var(--sunny) 60deg 72deg,transparent 72deg 90deg,var(--sunny) 90deg 102deg,transparent 102deg 120deg,var(--sunny) 120deg 132deg,transparent 132deg 150deg,var(--sunny) 150deg 162deg,transparent 162deg 180deg,var(--sunny) 180deg 192deg,transparent 192deg 210deg,var(--sunny) 210deg 222deg,transparent 222deg 240deg,var(--sunny) 240deg 252deg,transparent 252deg 270deg,var(--sunny) 270deg 282deg,transparent 282deg 300deg,var(--sunny) 300deg 312deg,transparent 312deg 330deg,var(--sunny) 330deg 342deg,transparent 342deg 360deg);mask:radial-gradient(circle,white 0%,white 35%,transparent 75%);-webkit-mask:radial-gradient(circle,white 0%,white 35%,transparent 75%);animation:spin 6s steps(24) infinite;opacity:.85;filter:drop-shadow(0 0 .5px var(--sunny-deep))}.spotlight .halo{position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,rgba(255,224,102,.85) 0%,rgba(255,200,80,.55) 40%,transparent 75%);animation:pulse 1.4s steps(2) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.75}}.speaker-arrow{position:absolute;pointer-events:none;z-index:4;width:14px;height:14px;opacity:0;transform:translate(-50%,-100%);transition:opacity .2s steps(2),left .4s steps(8),top .4s steps(8)}.speaker-arrow.visible{opacity:1;animation:arrowBounce .8s steps(2) infinite}.speaker-arrow svg{width:100%;height:100%;image-rendering:pixelated}@keyframes arrowBounce{0%,to{margin-top:0}50%{margin-top:-4px}}.character-tooltip[hidden]{display:none}.character-tooltip{position:absolute;left:50%;top:50%;z-index:10;min-width:118px;max-width:190px;padding:8px 10px 9px;transform:translate(-50%,-100%);background:var(--paper);color:var(--charcoal);border:3px solid var(--charcoal);box-shadow:inset 2px 2px 0 0 var(--softwhite),inset -2px -2px 0 0 var(--paper-dark),4px 4px 0 0 var(--ink);font-family:var(--pixel);image-rendering:pixelated;pointer-events:none}.character-tooltip:after{content:"";position:absolute;left:50%;bottom:-8px;width:10px;height:10px;transform:translate(-50%) rotate(45deg);background:var(--paper);border-right:3px solid var(--charcoal);border-bottom:3px solid var(--charcoal);box-shadow:2px 2px 0 0 var(--ink)}.character-tooltip-name{color:var(--plum-deep);font-size:9px;line-height:1.4;text-transform:uppercase;white-space:nowrap}.character-tooltip-type{margin-top:5px;color:var(--teal-deep);font-size:7px;line-height:1.45}.character-tooltip[data-char=maeve] .character-tooltip-name{color:var(--maeve)}.character-tooltip[data-char=cordelia] .character-tooltip-name{color:var(--cordelia)}.character-tooltip[data-char=juno] .character-tooltip-name{color:var(--juno)}.character-tooltip[data-char=eleanor] .character-tooltip-name{color:var(--eleanor)}body.has-speaker .sprite:not(.active-speaker){filter:grayscale(.5) brightness(.7);opacity:.75}body.has-speaker .sprite.active-speaker{filter:brightness(1.15) drop-shadow(0 0 2px var(--sunny));z-index:5}body[data-personas="3"] .sprite[data-char=cordelia],body[data-personas="3"] .sprite[data-char=delphine],body[data-personas="3"] .sprite[data-char=eleanor]{display:none!important}.central-dialog{position:absolute;bottom:calc(var(--chat-bar-height, 64px) + 32px);left:50%;transform:translate(-50%);width:min(680px,calc(100vw - 48px));z-index:6;padding:22px 24px 20px;background:var(--paper);color:var(--charcoal);border:3px solid var(--charcoal);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 5px var(--plum-deep),inset 0 0 0 6px var(--paper),6px 6px 0 0 var(--ink);font-family:var(--pixel);font-size:11px;line-height:2;transition:opacity .2s steps(2)}.central-dialog .speaker-tag{position:absolute;top:-16px;left:14px;padding:6px 12px;background:var(--plum-deep);color:var(--sunny);border:3px solid var(--charcoal);font-family:var(--pixel);font-size:9px;letter-spacing:.1em;box-shadow:3px 3px 0 0 var(--ink);display:flex;align-items:center;gap:8px}.central-dialog .speaker-tag .swatch{width:10px;height:10px;background:currentColor;display:inline-block}.central-dialog .speaker-tag[data-who=maeve]{color:var(--maeve);background:#ffe5ef;border-color:var(--maeve)}.central-dialog .speaker-tag[data-who=cordelia]{color:var(--softwhite);background:var(--cordelia)}.central-dialog .speaker-tag[data-who=priya]{color:var(--softwhite);background:var(--priya)}.central-dialog .speaker-tag[data-who=juno]{color:var(--softwhite);background:var(--juno)}.central-dialog .speaker-tag[data-who=delphine]{color:var(--softwhite);background:var(--delphine)}.central-dialog .speaker-tag[data-who=eleanor]{color:var(--softwhite);background:var(--eleanor)}.central-dialog .speaker-tag[data-who=user]{color:var(--plum-deep);background:var(--sunny);border-color:var(--plum-deep)}.central-dialog .speaker-tag[data-who=system]{color:var(--sunny);background:var(--ink)}.central-dialog .dialog-text{min-height:4em;padding-top:8px}.central-dialog .dialog-text:after{content:"_";display:inline-block;margin-left:2px;color:var(--plum-deep);animation:blink .6s steps(2) infinite}.central-dialog.done .dialog-text:after{content:"▼"}@keyframes blink{50%{opacity:0}}.central-dialog.done .dialog-text:after{content:""}.central-dialog .dialog-nav{position:absolute;top:-16px;right:14px;display:flex;gap:4px}.central-dialog .dialog-arrow{width:32px;height:28px;display:grid;place-items:center;background:var(--ink);color:var(--sunny);border:3px solid var(--charcoal);box-shadow:inset 2px 2px 0 0 var(--plum),inset -2px -2px 0 0 var(--ink-darker),3px 3px 0 0 var(--ink-darker);font-family:var(--pixel);font-size:10px;line-height:1;cursor:pointer;transition:transform .08s steps(2),box-shadow .08s steps(2)}.central-dialog .dialog-arrow:hover{transform:translateY(-2px);box-shadow:inset 2px 2px 0 0 var(--plum),inset -2px -2px 0 0 var(--ink-darker),4px 5px 0 0 var(--ink-darker)}.central-dialog .dialog-arrow:active{transform:translate(1px,1px);box-shadow:inset 2px 2px 0 0 var(--ink-darker),inset -2px -2px 0 0 var(--plum),1px 1px 0 0 var(--ink-darker)}.central-dialog .dialog-arrow[hidden]{display:none}.save-chip{position:absolute;top:20px;right:20px;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 14px;font-family:var(--pixel);font-size:10px;letter-spacing:.08em;color:var(--softwhite);background:var(--plum-deep);border:3px solid var(--charcoal);box-shadow:inset 2px 2px 0 0 var(--plum),inset -2px -2px 0 0 var(--ink),4px 4px 0 0 var(--ink);cursor:pointer;image-rendering:pixelated;transition:transform .08s steps(2),box-shadow .08s steps(2)}.save-chip:hover{transform:translate(-2px,-2px);box-shadow:inset 2px 2px 0 0 var(--plum),inset -2px -2px 0 0 var(--ink),6px 6px 0 0 var(--ink)}.save-chip:active{transform:translate(2px,2px);box-shadow:inset 2px 2px 0 0 var(--ink),inset -2px -2px 0 0 var(--plum),1px 1px 0 0 var(--ink)}.save-chip .label{font-size:8px;color:var(--pink);opacity:.95}.save-chip .code{color:var(--sunny)}.history-tab,.tracker-tab{position:absolute;top:20px;z-index:15;padding:10px 14px;display:flex;align-items:center;gap:8px;font-family:var(--pixel);font-size:9px;letter-spacing:.08em;color:var(--softwhite);background:var(--plum);border:3px solid var(--charcoal);cursor:pointer;image-rendering:pixelated;box-shadow:inset 2px 2px 0 0 var(--lavender-deep),inset -2px -2px 0 0 var(--plum-deep),4px 4px 0 0 var(--ink);transition:transform .08s steps(2),box-shadow .08s steps(2)}.history-tab{left:20px}.tracker-tab{right:20px}.history-tab:hover,.tracker-tab:hover{transform:translate(-2px,-2px);box-shadow:inset 2px 2px 0 0 var(--lavender-deep),inset -2px -2px 0 0 var(--plum-deep),6px 6px 0 0 var(--ink)}.history-tab.hidden,.tracker-tab.hidden{opacity:0;pointer-events:none}.history-tab svg,.tracker-tab svg{width:14px;height:14px;image-rendering:pixelated;flex-shrink:0}.tab-count,.pill{background:var(--sunny);color:var(--plum-deep);font-size:8px;padding:2px 6px;min-width:20px;text-align:center;border:2px solid var(--charcoal);font-family:var(--pixel)}.history-panel,.tracker-panel{position:absolute;z-index:16;background:var(--paper);border:4px solid var(--charcoal);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 6px var(--plum-deep),inset 0 0 0 9px var(--paper),8px 8px 0 0 var(--ink);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;image-rendering:pixelated}.history-panel{top:72px;left:20px;bottom:100px;width:360px;transform:translate(-110%);transition:transform .25s steps(6),opacity .2s steps(2)}.history-panel.open{transform:translate(0);opacity:1;pointer-events:auto}.tracker-panel{top:72px;right:20px;width:300px;max-height:60vh;transform:translate(110%);transition:transform .25s steps(6),opacity .2s steps(2)}.tracker-panel.open{transform:translate(0);opacity:1;pointer-events:auto}.panel-header{padding:16px 18px 14px;background:var(--plum-deep);color:var(--sunny);display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--charcoal);font-family:var(--pixel)}.panel-header h2{font-size:11px;letter-spacing:.1em;font-weight:400}.panel-header .collapse{width:24px;height:24px;background:var(--coral);color:var(--softwhite);border:2px solid var(--charcoal);font-family:var(--pixel);font-size:12px;cursor:pointer;display:grid;place-items:center;box-shadow:2px 2px 0 0 var(--ink);transition:transform .08s steps(2),box-shadow .08s steps(2)}.panel-header .collapse:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--ink)}.panel-header .collapse:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--ink)}.history-scroll,.tracker-scroll{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:repeating-linear-gradient(0deg,var(--paper) 0px,var(--paper) 24px,var(--paper-dark) 24px,var(--paper-dark) 25px)}.history-scroll::-webkit-scrollbar,.tracker-scroll::-webkit-scrollbar{width:12px}.history-scroll::-webkit-scrollbar-track,.tracker-scroll::-webkit-scrollbar-track{background:var(--paper-dark);border-left:2px solid var(--charcoal)}.history-scroll::-webkit-scrollbar-thumb,.tracker-scroll::-webkit-scrollbar-thumb{background:var(--plum);border:2px solid var(--charcoal);box-shadow:inset 1px 1px 0 var(--lavender)}.msg{background:var(--softwhite);border:2px solid var(--charcoal);padding:8px 10px;box-shadow:2px 2px 0 0 var(--charcoal);font-family:var(--pixel)}.msg .who{font-size:8px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.msg .text{font-size:9px;line-height:1.8;color:var(--charcoal)}.msg.user .who{color:var(--teal-deep)}.msg.user{background:#e6f7fa;border-color:var(--teal-deep)}.msg.maeve .who{color:var(--maeve)}.msg.maeve{background:#ffeef4;border-color:var(--maeve)}.msg.cordelia .who{color:var(--cordelia)}.msg.cordelia{background:#ebe1f2;border-color:var(--cordelia)}.msg.priya .who{color:var(--priya)}.msg.priya{background:#fff1d9;border-color:var(--priya)}.msg.juno .who{color:var(--juno)}.msg.juno{background:#ece4fb;border-color:var(--juno)}.msg.delphine .who{color:var(--delphine)}.msg.delphine{background:#fde2ef;border-color:var(--delphine)}.msg.eleanor .who{color:var(--eleanor)}.msg.eleanor{background:#def0e1;border-color:var(--eleanor)}.msg.system{background:var(--ink);color:var(--sunny);border-color:var(--charcoal)}.msg.system .who,.msg.system .text{color:var(--sunny)}.room-loading-window[hidden]{display:none}.room-loading-window{position:absolute;top:72px;right:20px;z-index:24;width:min(430px,calc(100vw - 40px));background:var(--paper);color:var(--charcoal);border:3px solid var(--charcoal);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 5px var(--teal-deep),inset 0 0 0 6px var(--paper),7px 7px 0 0 var(--ink);font-family:var(--pixel);image-rendering:pixelated}.room-loading-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 10px;background:var(--ink);color:var(--sunny);border-bottom:3px solid var(--charcoal)}.room-loading-tag{min-width:0;display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.4}.room-loading-tag .swatch{width:10px;height:10px;flex:0 0 auto;background:var(--teal);border:2px solid var(--sunny)}.room-loading-close{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;background:var(--coral-deep);color:var(--softwhite);border:2px solid var(--charcoal);box-shadow:2px 2px 0 0 var(--ink-darker);font-family:var(--pixel);font-size:11px;line-height:1;cursor:pointer;transition:transform .08s steps(2),box-shadow .08s steps(2)}.room-loading-close:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--ink-darker)}.room-loading-close:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--ink-darker)}.room-loading-body{display:grid;gap:10px;padding:18px 18px 16px;background:repeating-linear-gradient(0deg,var(--paper) 0px,var(--paper) 24px,var(--paper-dark) 24px,var(--paper-dark) 25px)}.room-loading-body p{font-size:9px;line-height:1.9;color:var(--charcoal)}.room-loading-status{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:var(--softwhite);color:var(--plum-deep);border-top:3px solid var(--charcoal);font-size:8px;line-height:1.4}.room-loading-dots{display:inline-flex;align-items:center;gap:4px}.room-loading-dots span{width:6px;height:6px;background:var(--teal-deep);animation:roomLoadingBlink .9s steps(2) infinite}.room-loading-dots span:nth-child(2){animation-delay:.15s}.room-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes roomLoadingBlink{0%,to{opacity:.25}50%{opacity:1}}.empty-state{margin:auto;text-align:center;color:var(--plum);font-family:var(--pixel);font-size:9px;line-height:2;padding:30px 16px;opacity:.7}.empty-state svg{margin-bottom:12px;opacity:.5;image-rendering:pixelated}.tracker-item{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--softwhite);border:2px solid var(--charcoal);box-shadow:2px 2px 0 0 var(--charcoal)}.tracker-item .vote{width:32px;height:32px;display:grid;place-items:center;font-family:var(--pixel);font-size:11px;flex-shrink:0;border:2px solid var(--charcoal)}.vote.up{background:var(--mint);color:var(--plum-deep)}.vote.down{background:var(--coral);color:var(--softwhite)}.vote.pending{background:var(--paper-dark);color:var(--plum)}.tracker-item .meta{min-width:0;flex:1}.tracker-item .title{font-size:9px;font-family:var(--pixel);color:var(--charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.tracker-item .author{font-size:8px;font-family:var(--pixel);color:var(--plum);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;opacity:.85}.chat-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:min(680px,calc(100vw - 48px));z-index:20;padding:8px 8px 8px 12px;display:flex;align-items:flex-end;gap:8px;background:var(--paper);border:3px solid var(--charcoal);box-shadow:inset 2px 2px 0 0 var(--softwhite),inset -2px -2px 0 0 var(--paper-dark),6px 6px 0 0 var(--ink);font-family:var(--pixel);image-rendering:pixelated}.chat-bar:before{content:">";align-self:center;font-family:var(--pixel);font-size:12px;color:var(--plum-deep);margin-right:4px;animation:blink .8s steps(2) infinite}.chat-bar textarea{flex:1;min-width:0;min-height:38px;max-height:118px;background:var(--softwhite);border:2px solid var(--charcoal);outline:none;resize:none;font-family:var(--pixel);font-size:10px;line-height:1.6;color:var(--charcoal);padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:inset 2px 2px 0 0 var(--paper-dark)}.chat-bar textarea::placeholder{color:var(--plum);opacity:.55}.chat-bar textarea:focus{border-color:var(--pink-deep);box-shadow:inset 2px 2px #ffe0ec}.chat-bar .send{background:var(--pink-deep);color:var(--softwhite);border:3px solid var(--charcoal);padding:10px 14px;font-family:var(--pixel);font-size:9px;letter-spacing:.08em;cursor:pointer;display:flex;align-items:center;align-self:flex-end;gap:6px;box-shadow:inset 2px 2px 0 0 var(--pink),inset -2px -2px 0 0 var(--pink-shadow),3px 3px 0 0 var(--charcoal);transition:transform .08s steps(2),box-shadow .08s steps(2)}.chat-bar .send:hover{transform:translate(-1px,-1px);box-shadow:inset 2px 2px 0 0 var(--pink),inset -2px -2px 0 0 var(--pink-shadow),4px 4px 0 0 var(--charcoal)}.chat-bar .send:active{transform:translate(2px,2px);box-shadow:inset 2px 2px 0 0 var(--pink-shadow),inset -2px -2px 0 0 var(--pink),1px 1px 0 0 var(--charcoal)}.chat-bar .send svg{width:12px;height:12px;image-rendering:pixelated}.opening-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;width:min(560px,calc(100vw - 48px));padding:32px 28px 22px;text-align:center;background:var(--paper);border:4px solid var(--charcoal);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 6px var(--plum-deep),inset 0 0 0 9px var(--paper),10px 10px 0 0 var(--ink);font-family:var(--pixel);image-rendering:pixelated}.opening-prompt h1{font-family:var(--pixel);font-size:22px;color:var(--plum-deep);margin-bottom:14px;line-height:1.4;letter-spacing:.1em;text-shadow:3px 3px 0 var(--pink),6px 6px 0 var(--charcoal)}.opening-prompt p{font-size:10px;color:var(--charcoal);margin-bottom:22px;line-height:2;font-family:var(--pixel)}.opening-prompt .input-wrap{display:flex;background:var(--softwhite);border:3px solid var(--charcoal);padding:6px;align-items:center;gap:6px;box-shadow:inset 2px 2px 0 0 var(--paper-dark)}.opening-prompt input{flex:1;background:transparent;border:none;outline:none;font-family:var(--pixel);font-size:10px;padding:8px 10px;color:var(--charcoal)}.opening-prompt input::placeholder{color:var(--plum);opacity:.5}.opening-prompt button{background:var(--pink-deep);color:var(--softwhite);border:3px solid var(--charcoal);padding:8px 16px;font-family:var(--pixel);font-size:9px;letter-spacing:.08em;cursor:pointer;box-shadow:inset 2px 2px 0 0 var(--pink),inset -2px -2px 0 0 var(--pink-shadow),3px 3px 0 0 var(--charcoal)}.opening-prompt button:hover{transform:translate(-1px,-1px)}.opening-prompt .hint{margin-top:16px;font-family:var(--pixel);font-size:8px;letter-spacing:.1em;color:var(--plum);opacity:.7}.rec-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;width:min(480px,calc(100vw - 48px));padding:32px 28px 24px;text-align:center;background:var(--paper);border:4px solid var(--charcoal);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 6px var(--plum-deep),inset 0 0 0 9px var(--paper),10px 10px 0 0 var(--ink);image-rendering:pixelated;font-family:var(--pixel)}.rec-card .ribbon{display:inline-block;background:var(--plum-deep);color:var(--sunny);font-family:var(--pixel);font-size:10px;padding:8px 16px;margin-bottom:22px;letter-spacing:.12em;border:3px solid var(--charcoal);box-shadow:3px 3px 0 0 var(--charcoal)}.rec-card .book-cover{width:130px;height:180px;margin:0 auto 22px;background:var(--teal);border:4px solid var(--charcoal);box-shadow:inset 4px 0 0 var(--teal-deep),inset 0 4px #fff6,inset 0 -4px #00000040,6px 6px 0 var(--charcoal);position:relative;display:grid;place-items:center;font-family:var(--pixel);font-size:10px;color:var(--softwhite);text-align:center;padding:18px 14px 14px 22px;line-height:1.7;image-rendering:pixelated}.rec-card h2{font-family:var(--pixel);font-size:14px;color:var(--plum-deep);margin-bottom:10px;line-height:1.5}.rec-card .author{font-family:var(--pixel);font-size:9px;color:var(--plum);margin-bottom:18px;letter-spacing:.05em}.rec-card .pitch{font-family:var(--pixel);font-size:9px;color:var(--charcoal);margin-bottom:22px;line-height:2;padding:0 4px;text-align:left}.rec-card .pitch .endorsers{display:flex;gap:6px;justify-content:center;margin-top:14px;flex-wrap:wrap}.rec-card .endorser{display:inline-flex;align-items:center;gap:5px;font-family:var(--pixel);font-size:8px;padding:5px 9px;background:var(--softwhite);border:2px solid currentColor;box-shadow:2px 2px 0 0 var(--charcoal)}.rec-card .endorser .dot{width:6px;height:6px;background:currentColor}.rec-actions{display:flex;gap:8px;justify-content:center;align-items:center}.thumb-btn{width:52px;height:52px;border:3px solid var(--charcoal);cursor:pointer;display:grid;place-items:center;transition:transform .08s steps(2),box-shadow .08s steps(2);image-rendering:pixelated}.thumb-btn.up{background:var(--mint-deep);color:var(--plum-deep);box-shadow:inset 2px 2px 0 0 var(--mint),inset -2px -2px #4a9a72,3px 3px 0 0 var(--charcoal)}.thumb-btn.down{background:var(--coral-deep);color:var(--softwhite);box-shadow:inset 2px 2px 0 0 var(--coral),inset -2px -2px #b04a30,3px 3px 0 0 var(--charcoal)}.thumb-btn:hover{transform:translate(-1px,-1px)}.thumb-btn:active{transform:translate(2px,2px)}.thumb-btn svg{width:22px;height:22px;image-rendering:pixelated}.lock-in-btn{flex:1;max-width:220px;background:var(--pink-deep);color:var(--softwhite);border:3px solid var(--charcoal);padding:16px 20px;font-family:var(--pixel);font-size:10px;letter-spacing:.1em;cursor:pointer;box-shadow:inset 2px 2px 0 0 var(--pink),inset -2px -2px 0 0 var(--pink-shadow),3px 3px 0 0 var(--charcoal);transition:transform .08s steps(2)}.lock-in-btn:hover{transform:translate(-1px,-1px)}.lock-in-btn:active{transform:translate(2px,2px)}.reject-sheet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:26;width:min(500px,calc(100vw - 48px));padding:28px 28px 22px;background:var(--paper);border:4px solid var(--charcoal);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 6px var(--coral-deep),inset 0 0 0 9px var(--paper),10px 10px 0 0 var(--ink);font-family:var(--pixel);image-rendering:pixelated}.reject-sheet .label{font-family:var(--pixel);font-size:10px;color:var(--coral-deep);letter-spacing:.12em;margin-bottom:12px}.reject-sheet h3{font-family:var(--pixel);font-size:14px;color:var(--plum-deep);margin-bottom:10px;line-height:1.5}.reject-sheet .sub{font-family:var(--pixel);font-size:9px;color:var(--charcoal);margin-bottom:22px;line-height:2}.reason-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.reason-chip{background:var(--softwhite);border:3px solid var(--charcoal);color:var(--plum-deep);font-family:var(--pixel);font-size:9px;padding:9px 12px;cursor:pointer;transition:transform .08s steps(2);display:inline-flex;align-items:center;gap:6px;box-shadow:inset 2px 2px 0 0 var(--softwhite),inset -2px -2px 0 0 var(--paper-dark),2px 2px 0 0 var(--charcoal)}.reason-chip:hover{transform:translate(-1px,-1px);box-shadow:inset 2px 2px 0 0 var(--softwhite),inset -2px -2px 0 0 var(--paper-dark),3px 3px 0 0 var(--charcoal)}.reason-chip.selected{background:var(--pink-deep);color:var(--softwhite);box-shadow:inset 2px 2px 0 0 var(--pink),inset -2px -2px 0 0 var(--pink-shadow),2px 2px 0 0 var(--charcoal)}.reason-chip .emo{font-size:12px}.reason-input{display:flex;gap:8px;background:var(--softwhite);border:3px solid var(--charcoal);padding:5px 5px 5px 12px;align-items:flex-end;margin-bottom:22px;box-shadow:inset 2px 2px 0 0 var(--paper-dark)}.reason-input textarea{flex:1;min-width:0;min-height:31px;max-height:100px;background:transparent;border:none;outline:none;resize:none;font-family:var(--pixel);font-size:9px;line-height:1.7;padding:8px 0;color:var(--charcoal);white-space:pre-wrap;overflow-wrap:anywhere}.reason-input textarea::placeholder{color:var(--plum);opacity:.55}.reason-input .skip{background:var(--paper-dark);border:2px solid var(--charcoal);color:var(--plum-deep);font-family:var(--pixel);font-size:8px;padding:8px 12px;cursor:pointer;box-shadow:2px 2px 0 0 var(--charcoal)}.reject-actions{display:flex;gap:10px;justify-content:space-between;align-items:center}.btn-secondary,.btn-primary{font-family:var(--pixel);font-size:9px;letter-spacing:.08em;border:3px solid var(--charcoal);padding:12px 18px;cursor:pointer;transition:transform .08s steps(2)}.btn-secondary{background:var(--paper);color:var(--plum-deep);box-shadow:inset 2px 2px 0 0 var(--softwhite),inset -2px -2px 0 0 var(--paper-dark),3px 3px 0 0 var(--charcoal)}.btn-primary{background:var(--pink-deep);color:var(--softwhite);box-shadow:inset 2px 2px 0 0 var(--pink),inset -2px -2px 0 0 var(--pink-shadow),3px 3px 0 0 var(--charcoal)}.btn-primary:hover,.btn-secondary:hover{transform:translate(-1px,-1px)}.btn-primary:active,.btn-secondary:active{transform:translate(2px,2px)}.accepted-poster{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;width:min(460px,calc(100vw - 48px));padding:36px 28px 24px;text-align:center;background:var(--paper);border:4px solid var(--charcoal);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 6px var(--mint-deep),inset 0 0 0 9px var(--paper),10px 10px 0 0 var(--ink);image-rendering:pixelated;font-family:var(--pixel)}.accepted-poster .stamp{display:inline-block;font-family:var(--pixel);font-size:12px;padding:12px 20px;color:var(--mint-deep);background:var(--softwhite);border:3px solid var(--mint-deep);margin-bottom:22px;letter-spacing:.15em;transform:rotate(-3deg);box-shadow:4px 4px 0 0 var(--mint-deep)}.accepted-poster h2{font-family:var(--pixel);font-size:14px;color:var(--plum-deep);margin-bottom:10px;line-height:1.6}.accepted-poster .author{font-family:var(--pixel);font-size:9px;color:var(--plum);margin-bottom:22px}.accepted-poster .date-row{display:flex;justify-content:space-between;padding:14px 16px;background:var(--softwhite);border:3px solid var(--plum-deep);margin-bottom:22px;font-family:var(--pixel);font-size:9px;color:var(--plum-deep);box-shadow:inset 2px 2px 0 var(--paper-dark)}.accepted-poster .actions{display:flex;gap:10px;justify-content:center}.shelf-overlay{position:absolute;inset:0;z-index:30;background:var(--ink-darker);background-image:radial-gradient(circle,rgba(199,179,255,.08) 1px,transparent 1.5px);background-size:8px 8px;display:grid;place-items:center;padding:30px}.shelf-panel{width:min(900px,100%);max-height:88vh;background:var(--paper);border:4px solid var(--charcoal);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 6px var(--plum-deep),inset 0 0 0 9px var(--paper),12px 12px 0 0 var(--ink);display:flex;flex-direction:column;overflow:hidden;image-rendering:pixelated}.shelf-header{padding:18px 22px;background:var(--plum-deep);color:var(--softwhite);display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--charcoal)}.shelf-header h2{font-family:var(--pixel);font-size:14px;letter-spacing:.12em;color:var(--sunny);font-weight:400}.shelf-header .meta-line{font-family:var(--pixel);font-size:8px;color:var(--pink);margin-top:6px;letter-spacing:.08em}.shelf-close{background:var(--coral-deep);color:var(--softwhite);border:3px solid var(--charcoal);width:40px;height:40px;font-family:var(--pixel);font-size:14px;cursor:pointer;box-shadow:inset 2px 2px 0 0 var(--coral),inset -2px -2px #b04a30,3px 3px 0 0 var(--ink)}.shelf-close:hover{transform:translate(-1px,-1px)}.shelf-grid{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px;background:repeating-linear-gradient(0deg,var(--paper) 0px,var(--paper) 30px,var(--paper-dark) 30px,var(--paper-dark) 31px)}.shelf-card{background:var(--softwhite);border:3px solid var(--charcoal);padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 2px 2px 0 var(--softwhite),inset -2px -2px 0 var(--paper-dark),3px 3px 0 var(--charcoal);cursor:pointer;transition:transform .08s steps(2)}.shelf-card:hover{transform:translate(-1px,-1px)}.shelf-cover{width:100%;aspect-ratio:2 / 3;background:var(--teal);border:3px solid var(--charcoal);box-shadow:inset 4px 0 0 var(--teal-deep),inset 0 4px #fff6,inset 0 -4px #00000040;position:relative;display:grid;place-items:center;font-family:var(--pixel);font-size:8px;color:var(--softwhite);text-align:center;padding:14px 10px 10px 18px;line-height:1.7;image-rendering:pixelated}.shelf-cover.palette-2{background:var(--coral);box-shadow:inset 4px 0 0 var(--coral-deep),inset 0 4px #fff6,inset 0 -4px #00000040}.shelf-cover.palette-3{background:var(--sunny);color:var(--plum-deep);box-shadow:inset 4px 0 0 var(--sunny-deep),inset 0 4px #ffffff80,inset 0 -4px #0003}.shelf-cover.palette-4{background:var(--mint);color:var(--plum-deep);box-shadow:inset 4px 0 0 var(--mint-deep),inset 0 4px #ffffff80,inset 0 -4px #0003}.shelf-cover.palette-5{background:var(--plum);box-shadow:inset 4px 0 0 var(--plum-deep),inset 0 4px #ffffff4d,inset 0 -4px #0000004d}.shelf-cover.palette-6{background:var(--pink);box-shadow:inset 4px 0 0 var(--pink-deep),inset 0 4px #fff6,inset 0 -4px #00000040}.shelf-cover .vote-badge{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:var(--mint);border:3px solid var(--charcoal);display:grid;place-items:center;font-family:var(--pixel);font-size:11px;color:var(--plum-deep);box-shadow:2px 2px 0 var(--charcoal)}.shelf-cover .vote-badge.down{background:var(--coral);color:var(--softwhite)}.shelf-card .book-title{font-family:var(--pixel);font-size:9px;color:var(--charcoal);line-height:1.5}.shelf-card .book-author{font-family:var(--pixel);font-size:8px;color:var(--plum);letter-spacing:.04em}.shelf-card .date-tag{font-family:var(--pixel);font-size:7px;color:var(--plum-deep);letter-spacing:.08em;background:var(--paper-dark);padding:3px 6px;border:2px solid var(--plum);align-self:flex-start}.state-switcher{position:fixed;top:8px;left:50%;transform:translate(-50%) scale(.78);transform-origin:top center;z-index:1000;display:flex;flex-wrap:wrap;gap:3px;padding:5px;background:var(--ink);border:2px solid var(--charcoal);box-shadow:4px 4px 0 var(--ink-darker);max-width:calc(100vw - 40px);justify-content:center}.state-switcher button{font-family:var(--pixel);font-size:8px;letter-spacing:.05em;padding:6px 9px;border:1px solid var(--plum);background:var(--ink-darker);color:#fff9;cursor:pointer;transition:all .08s steps(2)}.state-switcher button:hover{color:var(--sunny);border-color:var(--sunny)}.state-switcher button.active{background:var(--pink-deep);color:var(--softwhite);border-color:var(--charcoal);box-shadow:inset 1px 1px 0 var(--pink)}.tweaks-panel{position:fixed;bottom:20px;right:20px;z-index:999;width:260px;padding:16px;background:var(--ink);border:3px solid var(--charcoal);box-shadow:inset 2px 2px 0 var(--plum),inset -2px -2px 0 var(--ink-darker),6px 6px 0 var(--ink-darker);color:var(--softwhite);display:none;flex-direction:column;gap:14px;font-family:var(--pixel)}.tweaks-panel.visible{display:flex}.tweaks-panel h3{font-family:var(--pixel);font-size:11px;letter-spacing:.1em;color:var(--sunny);margin-bottom:4px;font-weight:400}.tweak-row{display:flex;flex-direction:column;gap:6px}.tweak-row label{font-family:var(--pixel);font-size:8px;letter-spacing:.1em;color:var(--lavender)}.seg{display:flex;background:var(--ink-darker);border:2px solid var(--plum);padding:2px;gap:2px}.seg button{flex:1;background:transparent;border:none;color:#ffffffa6;font-family:var(--pixel);font-size:9px;padding:7px 4px;cursor:pointer}.seg button.active{background:var(--pink-deep);color:var(--softwhite);box-shadow:inset 1px 1px 0 var(--pink)}.bubble-layer,.bubble-leaders{display:none!important}@media(max-width:1100px)and (min-width:721px){.tweaks-panel{bottom:96px}}@media(max-width:720px)and (orientation:portrait){body{font-size:14px}.state-switcher,.tweaks-panel{display:none!important}body[data-speaker=maeve]{--mobile-mood: rgba(255, 143, 184, .58)}body[data-speaker=cordelia]{--mobile-mood: rgba(91, 58, 122, .68)}body[data-speaker=priya]{--mobile-mood: rgba(255, 224, 102, .42)}body[data-speaker=juno]{--mobile-mood: rgba(142, 111, 214, .58)}body[data-speaker=delphine]{--mobile-mood: rgba(255, 138, 107, .52)}body[data-speaker=eleanor]{--mobile-mood: rgba(125, 217, 168, .48)}body[data-speaker=system]{--mobile-mood: rgba(45, 37, 64, .62)}body[data-speaker=user]{--mobile-mood: rgba(95, 184, 232, .46)}.stage{width:100vw;height:100vh;height:100dvh;display:block;background:var(--ink-darker);background-image:none}.history-tab,.tracker-tab{position:fixed;top:max(8px,env(safe-area-inset-top));height:36px;padding:0 10px;box-sizing:border-box;display:inline-flex;align-items:center;box-shadow:inset 2px 2px 0 0 var(--lavender-deep),inset -2px -2px 0 0 var(--plum-deep),3px 3px 0 0 var(--ink);font-size:8px;z-index:35}.history-tab{left:8px;gap:6px}.tracker-tab{right:8px;gap:6px}.history-tab span:not(.tab-count),.tracker-tab span:not(.pill){display:none}.history-tab .tab-count,.tracker-tab .pill{font-size:7px;padding:2px 5px}.world{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + var(--mobile-pan-x, 0px)),calc(-50% + var(--mobile-pan-y, 0px))) scale(var(--mobile-zoom, 1));transform-origin:0 0;aspect-ratio:auto;width:var(--mobile-world-width, max(100vw, calc(100dvh * 16 / 9)));height:var(--mobile-world-height, max(100dvh, 56.25vw ));max-height:none;margin:0;background:var(--ink-darker);border-bottom:0;box-shadow:none;outline:0;overflow:hidden;transition:transform .34s steps(8)}.world:before{content:"";position:absolute;inset:0;z-index:1;background:var(--mobile-mood, rgba(91, 58, 122, .42));mix-blend-mode:overlay;opacity:.45;pointer-events:none;transition:background .35s steps(4)}.world:after{content:"";position:absolute;inset:0;z-index:8;background-image:radial-gradient(ellipse at center 62%,transparent 24%,rgba(0,0,0,.68) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0px,rgba(255,255,255,.035) 1px,transparent 1px,transparent 3px);pointer-events:none}.world .room-bg{position:absolute;z-index:0;width:100%;height:100%;left:0;top:0;transform:none;filter:brightness(.64) saturate(1.08);object-fit:fill}.sprites{z-index:3}.sprite{display:block;opacity:.72;transition:filter .18s steps(2),opacity .18s steps(2)}body.has-speaker .sprite:not(.active-speaker){display:block;filter:grayscale(.5) brightness(.55);opacity:.42}body.has-speaker .sprite.active-speaker{display:block;opacity:1;z-index:5;filter:brightness(1.18) drop-shadow(0 2px 0 rgba(0,0,0,.45))}body[data-speaker=system] .sprite,body[data-speaker=user] .sprite{display:block!important;filter:grayscale(.55) brightness(.42);opacity:.35}.spotlight{width:15%;z-index:2}.speaker-arrow{width:18px;height:18px;z-index:9}.character-tooltip{min-width:106px;max-width:164px;padding:7px 8px 8px;z-index:12}.character-tooltip-name{font-size:8px}.character-tooltip-type{font-size:6px}.central-dialog{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--chat-bar-height, 64px) + 20px);transform:translate(-50%);width:min(360px,calc(100vw - 36px));max-height:min(26vh,180px);margin:0;padding:14px 14px 16px;z-index:28;font-size:10px;line-height:1.7;overflow:visible;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 5px var(--plum-deep),inset 0 0 0 6px var(--paper),4px 4px 0 0 var(--ink)}.central-dialog .speaker-tag{top:-14px;left:10px;max-width:calc(100% - 58px);font-size:8px;padding:5px 8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.central-dialog .speaker-tag .speaker-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.central-dialog .dialog-nav{top:-14px;right:10px}.central-dialog .dialog-arrow{width:30px;height:26px;font-size:9px}.central-dialog .dialog-text{min-height:0;max-height:calc(min(26vh,180px) - 34px);padding-top:6px;padding-right:4px;overflow-y:auto}.room-loading-window{position:fixed;top:max(54px,calc(env(safe-area-inset-top) + 46px));left:12px;right:12px;width:auto;max-height:min(42vh,320px);overflow-y:auto;z-index:29;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 5px var(--teal-deep),inset 0 0 0 6px var(--paper),5px 5px 0 0 var(--ink)}.room-loading-header{padding:10px 12px 8px}.room-loading-tag{font-size:8px}.room-loading-close{width:26px;height:26px;font-size:10px}.room-loading-body{padding:14px 14px 12px;gap:8px}.room-loading-body p{font-size:8px;line-height:1.8}.room-loading-status{min-height:30px;padding:8px 12px;font-size:7px}.chat-bar{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;transform:none;padding:6px 6px 6px 10px;z-index:30}.chat-bar textarea{font-size:11px;padding:10px;max-height:112px}.chat-bar .send{padding:10px 12px;font-size:9px}.chat-bar .send svg{width:10px;height:10px}.history-panel,.tracker-panel{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0;z-index:50;padding:max(56px,calc(env(safe-area-inset-top) + 48px)) 16px 80px;overflow-y:auto}.history-panel .panel-header,.tracker-panel .panel-header{position:sticky;top:-8px;background:inherit;padding-top:4px;margin-bottom:12px}.opening-prompt,.rec-card,.reject-sheet,.accepted-poster{position:fixed;inset:auto 0 0;transform:none;width:100vw;max-height:85vh;max-height:85dvh;overflow-y:auto;border-radius:0;z-index:40;padding:24px 18px max(24px,env(safe-area-inset-bottom));box-shadow:inset 0 0 0 3px var(--paper),inset 0 4px 0 4px var(--plum-deep),inset 0 0 0 6px var(--paper),0 -6px 0 0 var(--ink)}.opening-prompt{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 34px));min-height:min(430px,78dvh);max-height:none;overflow:visible;padding:156px 18px 34px;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background:transparent;border:0;box-shadow:none;isolation:isolate}body[data-active=opening] .opening-prompt{display:flex!important}.opening-prompt:before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(270px,78vw);height:min(420px,72dvh);transform:translate(-50%,-50%);background:linear-gradient(var(--sunny),var(--sunny)) 78% 52% / 10px 10px no-repeat,linear-gradient(var(--plum-deep),var(--plum-deep)) 50% 18% / 66% 5px no-repeat,linear-gradient(var(--plum-deep),var(--plum-deep)) 50% 67% / 66% 5px no-repeat,linear-gradient(90deg,transparent 0,transparent 18%,var(--plum-deep) 18%,var(--plum-deep) 21%,transparent 21%,transparent 79%,var(--plum-deep) 79%,var(--plum-deep) 82%,transparent 82%),linear-gradient(180deg,#ffb8d4 0%,var(--pink) 42%,var(--coral) 100%);border:5px solid var(--ink);box-shadow:inset 5px 5px #fff3,inset -5px -5px #00000040,0 0 0 8px var(--plum-deep),0 0 0 12px var(--charcoal),12px 12px 0 0 var(--ink-darker)}.opening-prompt:after{content:"";position:absolute;z-index:0;left:50%;top:calc(50% + min(220px,38dvh));width:min(320px,88vw);height:18px;transform:translate(-50%);background:linear-gradient(var(--charcoal),var(--charcoal)) 0 0 / 100% 5px no-repeat,linear-gradient(90deg,var(--mint-deep),var(--sky-deep));border:4px solid var(--ink);box-shadow:8px 8px #00000059}.opening-prompt h1,.opening-prompt .input-wrap{position:relative;z-index:1}.opening-prompt h1{max-width:260px;margin:0;font-size:20px;color:var(--sunny);text-shadow:3px 3px 0 var(--pink-deep),6px 6px 0 var(--ink)}.opening-prompt p,.opening-prompt .hint{display:none}.opening-prompt .input-wrap{width:min(286px,100%);margin:0;background:var(--paper);box-shadow:inset 2px 2px 0 0 var(--softwhite),inset -2px -2px 0 0 var(--paper-dark),5px 5px 0 0 var(--ink)}.opening-prompt input{min-width:0;font-size:9px;padding:10px 9px}.opening-prompt button{flex:0 0 auto;padding:10px 11px;font-size:8px}.rec-card{padding-top:36px}.rec-card .ribbon{font-size:10px}.rec-card .book-cover{width:120px;height:168px;font-size:12px}.rec-card h2{font-size:18px}.reject-sheet h3{font-size:14px}.accepted-poster .stamp{font-size:11px}.accepted-poster h2{font-size:18px}body[data-active=opening] .world,body[data-active=shelf] .world,body[data-active=rec] .world,body[data-active=reject-reason] .world,body[data-active=accepted] .world{filter:brightness(.5) saturate(.7)}body[data-active=rec] .chat-bar,body[data-active=accepted] .chat-bar{display:none}}@media(max-width:720px)and (orientation:portrait)and (max-height:700px){.central-dialog{max-height:22vh;padding:12px 12px 14px}.central-dialog .dialog-text{max-height:calc(22vh - 32px)}.room-loading-window{top:max(44px,calc(env(safe-area-inset-top) + 38px));max-height:38vh}}#app{min-width:320px;min-height:100vh}.username-chip{position:absolute;top:72px;left:20px;z-index:22;padding:8px 10px;background:var(--paper);border:3px solid var(--charcoal);box-shadow:inset 2px 2px 0 var(--softwhite),inset -2px -2px 0 var(--paper-dark),4px 4px 0 var(--ink);color:var(--plum-deep);font-family:var(--pixel);font-size:8px;letter-spacing:.08em}body[data-active=opening] .username-chip{top:18px}.opening-user{display:inline-block;margin-bottom:12px;padding:7px 10px;border:2px solid var(--plum-deep);background:var(--softwhite);color:var(--plum-deep);font-size:8px;letter-spacing:.08em;box-shadow:2px 2px 0 var(--charcoal)}.search-wrap{position:relative}.search-status{min-height:18px;margin-top:12px;color:var(--plum);font-size:8px;line-height:1.6}.search-results{display:grid;gap:8px;max-height:min(280px,34vh);overflow:auto;margin-top:10px;padding:2px 6px 8px 2px}.opening-prompt .search-result{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;text-align:left;background:var(--softwhite);border:2px solid var(--charcoal);color:var(--charcoal);box-shadow:2px 2px 0 var(--charcoal);font-family:var(--pixel);letter-spacing:0;cursor:pointer}.opening-prompt .search-result.active{border-color:var(--pink-deep);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--charcoal)}@media(hover:hover)and (pointer:fine){.opening-prompt .search-result:hover{border-color:var(--pink-deep);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--charcoal)}}.search-cover{width:42px;height:58px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--charcoal);background:var(--teal);color:var(--softwhite);font-size:9px;line-height:1;box-shadow:inset 3px 0 0 var(--teal-deep)}.search-cover img{width:100%;height:100%;object-fit:cover}.search-meta{min-width:0;display:grid;gap:5px}.opening-prompt .search-select{min-width:58px;min-height:36px;justify-self:end;padding:0 8px;font-size:7px;letter-spacing:.04em;white-space:nowrap}.search-title,.search-author,.search-isbn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-title{color:var(--plum-deep);font-size:9px}.search-author,.search-isbn{color:var(--plum);font-size:7px;opacity:.85}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}body[data-active=rec] .chat-bar,body[data-active=reject-reason] .chat-bar,body[data-active=accepted] .chat-bar{opacity:0;pointer-events:none}.rec-card .book-cover{white-space:normal;word-break:break-word;text-transform:uppercase}.rec-card .pitch{max-height:120px;overflow:auto}.rec-card .endorsers{min-height:24px;margin:0 0 16px}.endorser.maeve{color:var(--maeve)}.endorser.cordelia{color:var(--cordelia)}.endorser.juno{color:var(--juno)}.endorser.eleanor{color:var(--eleanor)}.thumb-btn{color:var(--softwhite);font-family:var(--pixel);font-size:10px}.error-panel{position:absolute;right:20px;bottom:92px;z-index:50;width:min(420px,calc(100vw - 40px));background:var(--paper);border:3px solid var(--charcoal);box-shadow:inset 2px 2px 0 var(--softwhite),inset -2px -2px 0 var(--paper-dark),6px 6px 0 var(--ink)}.error-body{padding:14px;color:var(--coral-deep);font-family:var(--pixel);font-size:9px;line-height:1.8}.perf-overlay{position:fixed;right:12px;top:12px;z-index:999;max-width:260px;padding:8px 10px;background:#1a1228eb;border:2px solid var(--sunny);color:var(--sunny);font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;pointer-events:none}@media(max-width:720px){.opening-prompt input,.chat-bar textarea,.reason-input textarea{font-family:var(--modern);font-size:16px;line-height:1.35;letter-spacing:0;image-rendering:auto}.chat-bar{gap:6px}.chat-bar textarea{min-height:44px;max-height:min(128px,28dvh);padding:10px 12px}.username-chip{top:58px;left:8px;font-size:7px}body[data-active=opening] .username-chip{top:8px}.opening-prompt{width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding-left:14px;padding-right:14px}.opening-prompt:before{width:min(300px,82vw)}.opening-prompt .input-wrap,.search-status,.search-results{width:min(330px,100%)}.opening-prompt .input-wrap{align-items:stretch;gap:6px;padding:5px}.opening-prompt input{padding:10px 11px}.opening-prompt button{min-height:44px;padding:0 10px;font-size:9px}.search-status{position:relative;z-index:1;min-height:20px;margin-top:8px;padding:6px 8px;background:var(--paper);border:2px solid var(--charcoal);box-shadow:2px 2px 0 var(--ink);color:var(--plum-deep);font-family:var(--modern);font-size:13px;line-height:1.35;image-rendering:auto}.search-results{position:relative;z-index:2;max-height:min(220px,30dvh);margin-top:8px;padding:2px 4px 8px 2px}.opening-prompt .search-result{grid-template-columns:42px minmax(0,1fr) minmax(64px,auto);gap:8px;align-items:start;padding:8px;font-family:var(--modern);image-rendering:auto}.search-cover{width:40px;height:54px}.search-title,.search-author,.search-isbn{white-space:normal}.search-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.25;font-weight:700}.search-author,.search-isbn{font-size:10px;line-height:1.3}.search-meta{gap:3px;padding-top:1px}.opening-prompt .search-select{min-width:64px;min-height:44px;align-self:center;padding:0 8px;font-size:10px;letter-spacing:.02em}.reason-input textarea{min-height:44px;padding:10px 0}body[data-active=opening].has-search-results .opening-prompt{top:max(10px,env(safe-area-inset-top));bottom:auto;transform:translate(-50%);width:min(430px,calc(100vw - 16px));min-height:0;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)));overflow-y:auto;justify-content:flex-start;gap:10px;padding:16px 12px max(16px,env(safe-area-inset-bottom));background:var(--paper);border:3px solid var(--charcoal);box-shadow:inset 2px 2px 0 0 var(--softwhite),inset -2px -2px 0 0 var(--paper-dark),5px 5px 0 0 var(--ink)}body[data-active=opening].has-search-results .opening-prompt:before,body[data-active=opening].has-search-results .opening-prompt:after{display:none}body[data-active=opening].has-search-results .opening-prompt h1{max-width:none;font-size:15px;line-height:1.25;color:var(--plum-deep);text-shadow:2px 2px 0 var(--pink),4px 4px 0 var(--charcoal)}body[data-active=opening].has-search-results .opening-user{margin-bottom:0}body[data-active=opening].has-search-results .opening-prompt .input-wrap,body[data-active=opening].has-search-results .search-status,body[data-active=opening].has-search-results .search-results{width:100%}body[data-active=opening].has-search-results .search-results{flex:1 1 auto;min-height:0;max-height:none;padding:0 4px 8px 0;overscroll-behavior:contain}body[data-active=opening].has-search-results .search-result{grid-template-columns:44px minmax(0,1fr) minmax(64px,auto)}.error-panel{left:12px;right:12px;bottom:86px;width:auto}}