:root{--paper:#f5f3ed;--ink:#292b2b;--muted:#8b8c84;--red:#be3c30;--border:#dcdcd2;--mono:'Courier New',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c65240;outline-offset:4px}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}.header{height:100px;max-width:1320px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--ink);font-size:23px;font-weight:850;letter-spacing:-.8px}.brand-icon{background:var(--red);color:var(--paper);padding:6px 8px;letter-spacing:-5px;font-size:25px;width:42px;height:42px;line-height:30px;font-family:var(--mono)}.brand-icon span{position:relative;top:5px}.brand-sub{display:block;font:8px var(--mono);letter-spacing:1.8px;margin-top:5px}.header-right{display:flex;align-items:center;gap:32px}.local{font-size:12px;color:#6e7468;display:flex;gap:8px;align-items:center}.local i{width:6px;height:6px;background:#758668;border-radius:50%}.text-button{border:0;background:none;font-size:12px;color:#5b5e56}.text-button span{margin-left:12px}main{max-width:1224px;margin:auto;padding:0 0}.intro{display:flex;align-items:center;justify-content:space-between;padding:48px 0 34px}.eyebrow{font:10px var(--mono);letter-spacing:1.7px;color:#777b70;display:flex;align-items:center;gap:8px;margin:0 0 16px}.eyebrow>span{width:6px;height:6px;background:var(--red)}h1{font-size:48px;letter-spacing:-2.5px;margin:0 0 14px;line-height:1.22;font-weight:800}h1 span{color:var(--red)}.subtitle{color:#7c7e75;font-size:13px;letter-spacing:.6px;line-height:1.9;margin:0}.edition{text-align:right;font:11px var(--mono);line-height:2.3;color:#989a90}.edition span{padding:0 12px}.edition strong{font-weight:400;color:#54594d;font-size:10px;letter-spacing:1.5px}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:24px;align-items:start}.console{background:#e8e7de;border:1px solid #c8c9be;border-radius:13px;padding:0 20px;box-shadow:0 4px 0 #d1d2c6,0 14px 25px #303a2510;overflow:hidden}.console-top{height:52px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);letter-spacing:1.6px}.console-name{display:flex;align-items:center;gap:9px;font-weight:bold}.console-name i{width:7px;height:7px;background:#9a9c8d;border-radius:50%;box-shadow:inset 0 1px 2px #0003}.console-name i.on{background:#bd4435;box-shadow:0 0 8px #bd443560}.console-number{color:#989a8e;font-size:9px;letter-spacing:.7px}.console-number span{margin-left:15px;color:#b0b2a5;font-size:8px;letter-spacing:3px}.screen-bezel{position:relative;aspect-ratio:1.55;background:#1e2422;border:8px solid #363d38;border-radius:6px;box-shadow:0 0 0 1px #202824,0 2px 0 #fff5;overflow:hidden}#screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#141b18}#screen canvas{image-rendering:pixelated;display:block;max-width:100%;max-height:100%}.empty-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2c3630 0%,#1c2420 75%)}.empty-screen:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#00000012 3px 4px);pointer-events:none}.pixel-cartridge{width:65px;height:74px;border:4px solid #838a72;position:relative;margin:0 0 22px;box-shadow:5px 5px 0 #141a1690;clip-path:polygon(8px 0,57px 0,57px 5px,65px 5px,65px 74px,0 74px,0 5px,8px 5px)}.pixel-cartridge div{height:11px;border-bottom:4px solid #838a72;margin-bottom:6px}.pixel-cartridge span{display:block;background:#838a72;color:#273028;margin:0 7px;text-align:center;font:bold 19px var(--mono);padding:3px}.pixel-cartridge i{display:block;width:23px;height:6px;border-left:3px solid #838a72;border-right:3px solid #838a72;margin:7px auto}.screen-title{font:bold 19px var(--mono);letter-spacing:2px;color:#d6dbc5;margin:0 0 10px;position:relative}.screen-copy{font-size:12px;color:#8c9986;letter-spacing:1px;margin:0 0 25px}.primary{border:1px solid #dc6956;border-radius:4px;padding:13px 20px;background:var(--red);color:#fff5e8;font-weight:600;font-size:13px;box-shadow:0 3px 0 #7a2922;position:relative}.primary:hover{background:#cb4839}.primary>span:first-child{font-size:19px;margin-right:7px;font-weight:400}.file-tag{border-left:1px solid #e9937950;margin-left:15px;padding-left:14px;font:11px var(--mono);opacity:.7}.drop-hint{font-size:10px;color:#74816f;margin-top:17px;letter-spacing:1px}.screen-corner{position:absolute;width:11px;height:11px;border-color:#64725e;border-style:solid;pointer-events:none}.tl{top:13px;left:13px;border-width:1px 0 0 1px}.br{right:13px;bottom:13px;border-width:0 1px 1px 0}.toolbar{height:60px;display:flex;align-items:center;justify-content:space-between}.playback,.display-tools{display:flex;align-items:center;gap:8px}.icon-button{border:0;background:transparent;font-size:23px;color:#646d5d;width:32px;height:34px;border-radius:4px;line-height:1}.icon-button:hover{background:#d6d8cb}.tool-divider{height:17px;width:1px;background:#c8cbbd;margin:0 6px}.game-status{color:#8a8f7d;font-size:11px}.display-tools input{width:65px;height:3px;accent-color:#6d7861;cursor:pointer}.console-bottom{border-top:1px solid #cccec1;height:36px;display:flex;justify-content:space-between;align-items:center;color:#919685;font:9px var(--mono);letter-spacing:.5px}.console-bottom b{font-weight:400;color:#5e6854}.small-divider{padding:0 9px;color:#b1b6a4}aside{display:flex;flex-direction:column;gap:18px}.card{border:1px solid var(--border);border-radius:8px;padding:22px;background:#faf9f4}.card-label{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);color:#95988c;letter-spacing:.8px;margin-bottom:21px}.tiny-square{height:7px;width:7px;border:1px solid #b5b9ab}.card h2{font-size:18px;margin:0 0 10px;letter-spacing:-.3px;overflow-wrap:anywhere}.cartridge-card p{font-size:12px;line-height:1.9;color:#909487;margin:0 0 20px}.secondary{border:1px solid #cecec1;background:transparent;border-radius:4px;width:100%;padding:11px 12px;text-align:left;font-size:12px;color:#565e4e;display:flex;justify-content:space-between;align-items:center}.secondary:hover{background:#eeeee3}.secondary span:first-child{font-size:20px;line-height:15px}.privacy{margin-top:14px;font-size:10px;color:#9a9f90;display:flex;gap:8px;align-items:center}.privacy span{font-size:19px;line-height:12px}.controls-card{padding-top:20px;padding-bottom:16px}.controls-card .card-label{margin-bottom:16px}.keyboard-icon{font-size:16px}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.control-heading h2{font-size:16px;margin:0}.tag{font:8px var(--mono);color:#7d8772;background:#eeeee5;padding:5px 6px;letter-spacing:.5px}.control-row{display:flex;justify-content:space-between;align-items:center;min-height:47px;font-size:11px;color:#858b7b;border-bottom:1px solid #e8e9df}.control-row:nth-of-type(3){padding-bottom:12px;padding-top:6px}kbd{display:inline-flex;min-width:25px;height:23px;align-items:center;justify-content:center;background:#f0f0e7;border:1px solid #d6d9cb;border-bottom-width:3px;border-radius:4px;color:#6e7861;font:11px var(--mono);padding:0 5px}.arrow-keys{text-align:center}.arrow-keys>kbd{margin-bottom:3px}.arrow-keys div{display:flex;gap:3px}.action-keys{display:flex;gap:17px;font:10px var(--mono)}.action-keys kbd{margin-right:5px}.key-slash{padding:0 6px;color:#c6cabc}.gamepad{display:flex;gap:11px;align-items:center;padding-top:16px}.gamepad-symbol{font-size:27px;color:#8a947d}.gamepad strong{font-size:11px;font-weight:500;color:#727c64}.gamepad p{font-size:9px;color:#a1a795;margin:5px 0 0}.gamepad i{margin-left:auto;width:5px;height:5px;background:#c1c7b4;border-radius:50%}.gamepad i.connected{background:#65854a}.notes{display:grid;grid-template-columns:repeat(3,1fr);padding:34px 0 30px;gap:40px}.notes>div{display:flex;gap:14px;align-items:flex-start}.note-number{font:11px var(--mono);color:#aeafa2;margin-top:2px}.notes p{margin:0;display:flex;flex-direction:column;gap:8px}.notes strong{font-size:12px;font-weight:500;color:#626957}.notes p span{font-size:11px;color:#999e8e}footer{max-width:1224px;margin:0 auto;padding:23px 0 30px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:#a2a595;font-size:10px}footer>span:first-child{letter-spacing:.5px}.footer-cross{padding:0 8px;color:var(--red)}footer b{font:9px var(--mono);padding-left:20px;color:#767f69}.pause-overlay{position:absolute;inset:0;background:#162019df;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d6dbc5}.pause-overlay>span{font:48px var(--mono)}.pause-overlay h2{font-size:17px;font-weight:500;margin-bottom:25px}.pause-overlay[hidden],.empty-screen[hidden],[hidden]{display:none!important}#drop-overlay{position:absolute;inset:0;background:#28342ded;border:2px dashed #b7c7a4;display:grid;place-items:center;color:#d5ddc9;font-size:21px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 22px;max-width:90vw;background:#303b30;color:#f5f3ed;box-shadow:0 5px 25px #0002;border-radius:6px;z-index:20;font-size:13px;line-height:1.7}.touch-controls{display:none}#fullscreen-area:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;background:#111}#fullscreen-area:fullscreen #screen{height:100%}.controls-card.highlight{outline:2px solid #b84034;outline-offset:3px}@media(min-width:1400px){main,.header,footer{max-width:1224px}.header{padding:0}}@media(max-width:1320px){main,footer{margin-left:48px;margin-right:48px}.screen-bezel{aspect-ratio:1.45}.workspace{grid-template-columns:minmax(0,1fr) 288px;gap:22px}.card{padding:19px}}@media(max-width:1000px){main,footer{margin-left:28px;margin-right:28px}.header{padding:0 28px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.console{padding:0 15px}.screen-bezel{aspect-ratio:1.2}.screen-title{font-size:16px}.card{padding:17px}.edition{display:none}.intro{padding-top:35px}h1{font-size:42px}footer b{display:none}}@media(max-width:760px){.header{height:80px;padding:0 20px}.brand{font-size:20px}.header-right{gap:10px}.local{display:none}main,footer{margin-left:20px;margin-right:20px}.intro{padding:30px 0 26px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:36px}.subtitle{font-size:11px}.workspace{grid-template-columns:1fr}.screen-bezel{aspect-ratio:1.22}.console-top{height:45px}.console-number{font-size:8px}.console-number span{display:none}.screen-title{font-size:18px}aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card-label{font-size:9px}.card h2{font-size:15px}.card p{font-size:11px}.controls-card .control-heading{display:block}.tag{display:none}.gamepad{gap:6px}.gamepad-symbol{display:none}.control-row{font-size:10px}.action-keys{gap:8px}kbd{min-width:22px}.notes{gap:15px;padding-top:28px}.notes>div{gap:8px}.notes p span{font-size:10px;line-height:1.7}.notes strong{font-size:11px}footer{gap:20px;line-height:1.8;font-size:9px}.touch-controls{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:8px}.touch-controls button{touch-action:none;user-select:none;border:1px solid #cccebf;border-bottom-width:3px;border-radius:5px;background:#e7e8dc;color:#67715b;padding:9px;font:9px var(--mono)}.dpad{display:grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,30px);gap:3px}.dpad button{font-size:17px;padding:0}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.touch-actions{display:flex;gap:10px}.touch-actions button{border-radius:50%;width:40px;height:40px;background:var(--red);color:#fff;border-color:#9a332b;font-size:15px}.touch-controls button.pressed{filter:brightness(.8);transform:translateY(2px)}}@media(max-width:390px){aside{grid-template-columns:1fr}.mobile-break{display:block}.screen-title{font-size:16px}.console-bottom{font-size:8px}.game-status{font-size:10px}.display-tools input{width:45px}.notes{grid-template-columns:1fr}.notes p{gap:4px}.notes>div{gap:12px}footer{flex-direction:column;gap:8px}}
.configure-button{border:1px solid #d7d9cd;border-radius:4px;background:#f0f0e7;color:#6b755e;padding:5px 7px;font-size:10px;white-space:nowrap}.configure-button:hover{background:#e6e8d9}.control-row kbd{max-width:110px;white-space:nowrap}.key-bindings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}#key-settings{width:min(540px,calc(100vw - 32px));padding:28px;background:var(--paper);color:var(--ink);border:1px solid #c8c9be;border-radius:12px;box-shadow:0 20px 80px #0004;max-height:90vh;overflow-y:auto}#key-settings::backdrop{background:#1420199c;backdrop-filter:blur(4px)}.settings-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.settings-heading .eyebrow{font-size:9px;margin-bottom:10px}.settings-heading h2{font-size:24px;margin:0}.settings-intro{font-size:12px;line-height:1.8;color:#818773;margin:18px 0}.binding-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #dedfd4;font-size:12px;color:#737e64}.binding-key{min-width:75px;max-width:125px;overflow-wrap:anywhere;min-height:34px;border:1px solid #cbd0bd;border-bottom-width:3px;border-radius:5px;background:#eeeee2;color:#58634d;font:12px var(--mono);padding:6px 9px}.binding-key:hover{background:#e3e8d6}.binding-key.recording{border-color:var(--red);color:var(--red);background:#f7e5de}.settings-hint{min-height:42px;line-height:1.7;font-size:11px;color:#8b6d56;margin:17px 0}.settings-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;border-top:1px solid var(--border)}.settings-footer>div{display:flex;gap:10px}.settings-footer .secondary{width:auto;padding:11px 17px}.settings-footer .primary{padding:11px 17px;font-size:12px}.settings-local{font-size:10px;color:#9aa08d;text-align:right;margin:16px 0 0}@media(max-width:760px){.configure-button{margin-top:8px;font-size:10px}.control-heading{gap:8px}#key-settings{padding:22px}.settings-heading h2{font-size:21px}.key-bindings-grid{gap:6px 14px}.binding-setting{font-size:11px;gap:5px}.binding-key{min-width:64px;max-width:90px;font-size:11px}}@media(max-width:390px){.key-bindings-grid{grid-template-columns:1fr}.settings-footer .primary,.settings-footer .secondary{padding:10px 12px}}
.online-badge{font:9px var(--mono);color:var(--red);background:#f1e5dc;padding:3px 5px}.online-description{font-size:11px;line-height:1.9;color:#8b927e;margin:0 0 16px}.online-card .card-label{margin-bottom:15px}.join-row{display:flex;gap:7px;margin-top:10px}.join-row input{width:0;flex:1;border:1px solid #d0d4c5;background:#f3f3e9;border-radius:4px;padding:9px;font:11px var(--mono);text-transform:uppercase;color:#5c694e;min-width:0}.join-row .secondary{width:auto;white-space:nowrap;padding:10px 8px;font-size:11px}.online-status{font-size:11px;color:#6e7f5f;line-height:1.8;margin:14px 0 5px;overflow-wrap:anywhere}.online-footnote{font-size:9px;line-height:1.9;color:#a0a78f;margin:12px 0 0}.room-code-row{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:14px 0}.room-code-row code{font:bold 16px var(--mono);letter-spacing:1px;color:var(--red)}#online-role,#online-latency{font-size:10px;color:#7c886c}.online-screen{pointer-events:none}@media(max-width:760px){.online-card{grid-column:1/-1}.online-description{font-size:12px}.join-row input{font-size:12px}.online-footnote{font-size:10px}}
#rom-transfer-progress{display:block;width:100%;height:6px;margin:12px 0;accent-color:var(--red)}
.privacy #rom-privacy{font-size:10px;line-height:1.7}
.live-card{border-color:#d1b7a7;background:#faf5ed}.live-card .card-label{margin-bottom:15px}.live-stats{display:flex;justify-content:space-between;font-size:10px;color:#8a927b;margin-top:14px}.live-stats b{font:15px var(--mono);color:var(--red);margin-left:5px}.live-log{padding:0;list-style:none;margin:13px 0 0;font-size:10px;line-height:2;color:#7b836c}.live-log:empty{display:none}.live-card .secondary kbd{font-size:10px;height:21px}
@media(max-width:760px){.live-card{grid-column:1/-1}}

#simulate-gift-burst{margin-top:8px}.live-stats{gap:7px;flex-wrap:wrap}

#screen{position:relative}.gift-names{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;overflow:hidden}.gift-name{position:absolute;display:block;max-width:min(112px,calc(100% - 8px));padding:2px 5px;border-radius:3px;background:#18201cbd;color:#fff9dc;font:600 11px/1.2 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%,-100%);text-shadow:0 1px 1px #000;unicode-bidi:plaintext}.gift-sender-label{display:block;font-size:11px;color:#737d65;margin:0 0 7px}.gift-sender{display:block;width:100%;min-width:0;border:1px solid #cecec1;border-radius:4px;background:#fffdf6;color:#565e4e;font:inherit;font-size:12px;padding:10px 11px;margin-bottom:11px}
.lobby-modes{display:flex;gap:4px;padding:4px;background:#eeeede;border-radius:5px;margin-bottom:14px}.lobby-modes button{flex:1;border:0;border-radius:3px;padding:9px 4px;font-size:11px;color:#858b77;background:transparent}.lobby-modes button[aria-pressed=true]{background:#faf9f3;color:#a13f31;box-shadow:0 1px 4px #0001}.lobby-copy{font-size:11px;line-height:1.9;color:#7f8874;margin:0 0 12px}.lobby-create{margin-top:18px;padding-top:16px;border-top:1px solid #e1e2d5}.lobby-create label,.room-list-heading{font-size:11px;color:#7b866c}.lobby-create input{width:100%;border:1px solid #d0d4c5;border-radius:4px;padding:10px;margin:8px 0;background:#f5f5ec;font:inherit;font-size:11px;min-width:0}.room-list-heading{display:flex;align-items:center;justify-content:space-between}.room-list{display:flex;flex-direction:column;gap:7px;max-height:290px;overflow:auto;margin-top:10px}.lobby-room{display:flex;gap:9px;justify-content:space-between;align-items:center;border:1px solid #dedfd1;border-radius:4px;padding:10px;background:#f6f6ed}.lobby-room>div{min-width:0}.lobby-room strong{display:block;font-size:11px;font-weight:600;color:#5b684d;overflow-wrap:anywhere}.lobby-room span{display:block;font-size:9px;color:#929c85;margin-top:4px;overflow-wrap:anywhere}.room-join{flex-shrink:0;border:1px solid #c7ccb9;border-radius:3px;padding:7px 6px;font-size:10px;color:#687959;background:transparent}.room-join:hover{background:#e7eadc}.current-room-name{display:block;font-size:14px;color:#5a684b;line-height:1.6;overflow-wrap:anywhere;margin:15px 0}

.power-gifts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.power-gifts .secondary{gap:6px;padding:10px 8px;font-size:11px}.power-gifts .secondary:first-child{grid-column:1/-1}.live-player-state{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;border-top:1px solid #e5d8c8;padding-top:10px;margin-top:10px;color:#7b836c;font-size:11px}.live-player-state b{color:var(--red);font:14px var(--mono);margin-left:5px}

.remote-actions{display:flex;gap:8px;margin-top:8px}.remote-actions .secondary{font-size:10px;padding:11px 8px}.remote-card input[readonly]{margin-top:10px}@media(max-width:760px){.remote-card{grid-column:1/-1}}

#remote-open{text-decoration:none}#remote-open[aria-disabled=true]{opacity:.4;pointer-events:none}

.gift-banner{position:absolute;top:15%;left:0;width:100%;display:flex;justify-content:center;z-index:2;pointer-events:none;animation:gift-banner-pass 4s linear both;will-change:transform}.gift-banner-content{display:flex;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:9px 13px;border:1px solid #ffe6a0;border-radius:6px;background:linear-gradient(110deg,#34241af2,#704324ed);box-shadow:0 3px 14px #0006;color:#fff5ce;font:600 clamp(11px,2.5vw,16px)/1.4 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;white-space:nowrap;text-shadow:0 1px 2px #0008}.gift-banner-symbol{flex-shrink:0;color:#ffd867;font-size:1.25em}.gift-banner-sender{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#fff}.gift-banner-effect{flex-shrink:0}.gift-banner-content[data-type="extra-life"]{background:linear-gradient(110deg,#183525f2,#36643aed);border-color:#bdeca0}.gift-banner-content[data-type="fire-flower"]{background:linear-gradient(110deg,#52251df2,#a44428ed);border-color:#ffb87e}@keyframes gift-banner-pass{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){.gift-banner{animation-name:gift-banner-fade;will-change:opacity}@keyframes gift-banner-fade{0%,100%{opacity:0}12%,88%{opacity:1}}}

.account-strip{display:flex;gap:10px;align-items:center;font-size:11px}.account-strip a{color:#707e63;text-decoration:none}.account-strip button{background:none;border:0;color:#8c957f;font-size:10px;cursor:pointer}.account-strip [data-account-name]{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.account-strip{flex-wrap:wrap;justify-content:flex-end}.account-strip [data-account-name]{display:none}}

.library-open-button{margin-top:9px}.library-main-button{display:block;border:0;background:transparent;color:#b8c5a9;font-size:12px;margin:16px 0 8px;padding:6px;cursor:pointer}#game-library{width:min(710px,calc(100vw - 30px));max-height:88vh;overflow:auto;border:1px solid #c8c9be;border-radius:10px;background:var(--paper);color:var(--ink);padding:27px;box-shadow:0 20px 80px #0004}#game-library::backdrop{background:#142019aa;backdrop-filter:blur(4px)}#game-library h2{margin:0;font-size:24px}.library-intro{font-size:12px;color:#87917c;line-height:1.9}.library-search-row{display:flex;gap:9px;align-items:center;margin:15px 0}.library-search-row input{flex:1;min-width:0;border:1px solid #ced3c1;border-radius:4px;padding:11px;background:#fffdf8;font:inherit;font-size:12px;color:#344132}.library-search-row .secondary{width:auto;padding:11px 15px;white-space:nowrap}.library-games{display:flex;flex-direction:column;gap:11px;margin:17px 0}.library-game{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid var(--border);border-radius:6px;background:#faf9f4}.library-game>div{min-width:0}.library-game h3{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere}.library-game p{font-size:11px;color:#87917c;line-height:1.8;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.library-game small{font:10px var(--mono);color:#929a87}.library-game>.secondary{width:auto;white-space:nowrap;flex-shrink:0}@media(max-width:600px){#game-library{padding:20px}.library-game{align-items:flex-start;flex-direction:column;gap:12px}.library-game>.secondary{align-self:flex-end}.library-main-button{font-size:11px}}