:root{font-family:Tahoma,Arial,sans-serif;color:#222;background:#dce7f5;color-scheme:light;font-size:12px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #367bc1;outline-offset:2px}[hidden]{display:none!important}
.page{max-width:1000px;min-height:100vh;margin:0 auto;padding:24px 32px;background:#fff;border:1px solid #c4d4e9;box-shadow:0 1px 5px #59759b20}.breadcrumb{margin:0;color:#315b9c;font:bold 12px Georgia,serif}.breadcrumb span{padding:0 4px}h1{font:700 30px Arial,sans-serif;color:#365e9e;text-align:center;margin:14px 0 28px}.game{position:relative;max-width:700px;min-height:600px;margin:0 auto;border:1px solid #c8c8c8;border-radius:6px;background:#fff;padding-bottom:24px}
.nav{display:flex;align-items:center;justify-content:center;width:max-content;max-width:calc(100% - 12px);margin:-1px auto 0;background:#edf5ff;border:1px solid #b2c5df;border-radius:4px;box-shadow:1px 1px 2px #0003;height:20px;position:relative;z-index:3}.nav button{border:0;border-right:1px solid #8a9bb0;background:none;color:#006699;font-size:11px;line-height:12px;padding:0 8px;white-space:nowrap}.nav button:last-child{border-right:0}.nav button:hover,.nav button[aria-selected=true]{color:#00456a;text-decoration:underline}
#stage{position:relative;width:414px;max-width:100%;height:260px;margin:0 auto;background:#fff;touch-action:none;cursor:grab}#stage.dragging{cursor:grabbing}#stage>canvas{display:block;width:100%;height:100%}#boot{position:absolute;inset:0;z-index:2;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#527092}.bar{width:150px;height:4px;background:#e0eaf5}.bar i{display:block;width:40%;height:100%;background:#7295bb;animation:loading 1s alternate infinite}.err{padding:15px;color:#9f2929}.pair-caption{margin:0 auto 5px;width:414px;max-width:calc(100% - 14px);text-align:right;color:#39608d;font-size:11px}
.pane{width:414px;max-width:calc(100% - 14px);margin:0 auto;padding:6px 5px 4px;background:#f8fbfe;border:1px solid #b2c4de;border-radius:6px;box-shadow:1px 1px 3px #0002;animation:panel-in .12s ease-out}.panetitle{margin:3px 5px 6px;color:#466079;font-size:11px;font-weight:normal}.panel-scroll{background:#fcfdff;border:1px solid #e1e1e1;overflow:auto;scrollbar-color:#a9b1b8 #e7ebee}.panel-action{padding:8px 2px 2px;text-align:center;color:#999}.text-button{border:0;background:none;color:#00e;text-decoration:underline;padding:0;font-size:12px;cursor:pointer}.text-button:hover{color:#551a8b}.status-line{font-size:11px;line-height:1.5;color:#52687e;margin:5px;overflow-wrap:anywhere}.status-line:empty{display:none}.moods{height:150px;display:grid;grid-template-columns:1fr 1fr;gap:0;align-content:start;padding:14px 16px}.moodb{min-height:28px;display:flex;align-items:center;gap:7px;border:0;background:none;text-align:left;padding:3px 7px;color:#252525;font-size:12px}.moodb::before{content:'';width:13px;height:13px;flex:none;border-radius:50%;border:1px solid #b0b0b0;background:linear-gradient(#fff,#dedede);box-shadow:inset 0 1px 2px #0001}.moodb[aria-pressed=true]::before{background:radial-gradient(circle,#666 0 3px,transparent 3.5px),linear-gradient(#fff,#dedede)}.moodb i{font-size:16px;font-style:normal;width:17px;text-align:center}.moodb:hover{background:#e9f2fd}.moodb span{white-space:nowrap}
.appearance-scroll{height:150px;padding:12px 16px}.look-row{display:flex;align-items:center;min-height:30px;gap:5px}.look-row>label,.look-row>.row-label{width:120px;flex:none;font-size:12px}.look-row input[type=color]{appearance:none;width:24px;height:24px;padding:1px;border:2px outset #e2e2e2;border-radius:0;background:#eee}.look-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.look-row input[type=color]::-webkit-color-swatch{border:0}.picker-button{display:flex;align-items:center;padding:0;border:2px outset #e2e2e2;background:#f7f7f7;width:27px;height:26px;position:relative}.picker-button::after{content:'▾';font-size:9px;color:#555;position:absolute;right:-1px;bottom:-4px}.picker-button canvas{width:23px;height:22px}.option-picker{position:fixed;z-index:20;background:#fff;border:1px solid #bbb;box-shadow:0 1px 5px #0005;padding:5px;max-width:calc(100vw - 16px);max-height:min(460px,70vh);overflow:auto}.option-picker .picker-heading{margin:0 0 5px;color:#52667e;font-size:11px}.option-grid{display:grid;grid-template-columns:repeat(4,34px);gap:2px}.option-grid button{border:1px solid #ddd;background:#fff;padding:0;width:34px;height:34px;line-height:0}.option-grid button:hover,.option-grid button[aria-pressed=true]{border:1px solid #5488bd;background:#dceaff}.option-grid canvas{width:32px;height:32px;display:block}.option-grid img{width:32px;height:32px;object-fit:contain;filter:grayscale(1)}.palette-grid{grid-template-columns:repeat(8,19px)}.palette-grid button{width:19px;height:19px}.picker-caption{max-width:180px;font-size:10px;margin:5px 0 0;color:#666}
.friends{display:flex;gap:8px;flex-wrap:wrap;margin:10px 14px;min-height:62px}.friend{border:1px solid transparent;background:none;padding:4px;text-align:center;max-width:92px;color:#006699}.friend[aria-pressed=true]{border-color:#91b3dc;background:#eaf3ff}.friend img,.friend canvas{display:block;width:48px;height:48px;margin:0 auto 4px;background:#eee;border-radius:2px}.friend b{display:block;font-size:11px;font-weight:normal;overflow-wrap:anywhere}.friend small{display:block;color:#738295;font-size:9px}.poke-controls{padding:0 14px 6px}.poke-controls>label{display:block;font-size:11px;color:#465e75;margin:5px 0}select,input[type=text],input[type=search]{border:1px solid #aaa;background:#fff;padding:3px;max-width:100%;border-radius:0}.poke-controls select{width:100%}.repeat{font-size:10px!important}.poke-history{max-height:115px;overflow:auto;margin:0 5px}.history-entry{padding:5px 3px;border:0;border-top:1px solid #e0e6ec;font-size:11px;color:#004a9c;background:none;width:100%;text-align:left}.history-entry time{display:block;color:#7d7d7d;font-size:10px}.book-controls{display:grid;gap:8px;padding:8px 12px}.book-controls label{font-size:11px}.shot{max-width:100%;height:auto;margin-top:8px}.download{display:block;text-align:center;margin:8px}.animlist{height:160px;margin-top:5px;display:flex;flex-direction:column}.anim{padding:5px;text-align:left;display:flex;justify-content:space-between;background:none;border:0;color:#006699}.anim em{font-size:10px;color:#777}.anim[aria-pressed=true]{background:#ddecfc}.grp{padding:6px 5px;background:#eef4fb;color:#536780;font-size:10px}.scene-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:4px}.scene-preset{border:1px solid #d0d7e0;background:#fff;padding:4px;text-align:left;font-size:11px}.scene-preset[aria-pressed=true]{border-color:#3d7bbb}.scene-preview{display:block;height:28px;margin-bottom:4px}.scene-controls{display:grid;gap:6px;padding:8px}.scene-controls label{font-size:11px;color:#4d647c}.scene-controls output{float:right}input[type=range]{accent-color:#759ac2}
.advanced{width:414px;max-width:calc(100% - 14px);margin:15px auto 0;color:#687c92;font-size:10px}.advanced>summary{text-align:right;cursor:pointer;list-style:none}.advanced>summary::after{content:' ▾'}.advanced[open]{border-top:1px solid #e0e7ef;padding-top:8px}.advanced[open]>summary{margin-bottom:8px}.transport{display:flex;gap:6px;align-items:center}.transport input{flex:1;min-width:35px}.play{width:24px;height:24px;border:1px solid #aaa;background:#f5f5f5}.play svg{width:10px;height:10px;fill:#556b81}.tcode{max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.stagetools,.extra-tabs,.look-tools{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.advanced button{font-size:10px;border:1px solid #b9c7d6;background:#f3f7fc;padding:3px 5px}.wardrobe{display:grid;grid-template-columns:1fr 1fr;gap:6px}.wardrobe input,.wardrobe select{width:100%}footer{text-align:center;color:#7f8fa2;font-size:10px;margin-top:22px}.exporting .pane,.exporting .advanced{opacity:.65}.exporting{cursor:wait}
@keyframes panel-in{from{opacity:.65}to{opacity:1}}@keyframes loading{to{transform:translateX(150%)}}
@media(max-width:600px){.page{border:0;padding:12px 5px;min-height:100svh}.page-header{padding:0 9px}.breadcrumb{font-size:10px}h1{font-size:25px;margin:13px 0 20px}.game{min-height:560px}.nav{width:calc(100% - 12px);height:28px}.nav button{font-size:9px;padding:3px 5px;white-space:normal;line-height:11px}.nav button:nth-child(2){max-width:118px}#stage{height:250px}.moods{padding:10px 8px}.moodb{gap:5px;font-size:11px;padding:4px 2px}.moodb i{width:16px}.look-row>.row-label{width:120px}.appearance-scroll{padding:10px 12px}.pane{max-width:calc(100% - 18px)}.advanced{max-width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}:root[data-reduced-motion=true] *{animation:none!important;transition:none!important}
/* 2009 workspace: a generous stage and the compact controls alongside it. */
.page{max-width:1080px;padding:22px 30px;background:#fff}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h1{font-size:24px;margin:0;color:#365e9e}.breadcrumb{font-size:11px}.game{max-width:980px;min-height:0;border:1px solid #b5bec9;border-radius:3px;padding:0 0 12px;box-shadow:0 2px 4px #00000012}.nav{width:100%;max-width:none;margin:0;height:35px;justify-content:flex-start;border:0;border-bottom:1px solid #a9b5c4;border-radius:2px 2px 0 0;background:linear-gradient(#fafbfc,#e5e9ee);box-shadow:none;padding:0 9px;gap:2px}.nav button{font-size:12px;height:29px;line-height:28px;border-right:1px solid #bac4cf;padding:0 19px;margin-top:5px;white-space:nowrap}.nav button[aria-selected=true]{color:#294e76;background:#fff;border:1px solid #abb9ca;border-bottom-color:#fff;border-radius:3px 3px 0 0;text-decoration:none}.nav button:hover{background:#f4f8fd;text-decoration:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr)310px;gap:20px;padding:22px 18px 12px;align-items:start}.stage-column{min-width:0;position:relative}#stage{width:100%;height:388px;max-width:none;border:1px solid #e0e5eb;border-radius:1px;overflow:hidden}.stage-toolbar{display:flex;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap}.stage-toolbar button{border:1px solid #aab7c7;border-radius:2px;padding:5px 8px;background:linear-gradient(#fff,#edf1f5);font-size:11px;color:#345c82;box-shadow:0 1px 1px #0000000c}.stage-toolbar button:hover{background:#e4effb}.stage-toolbar span{font-size:10px;color:#7c8791;margin-left:auto}.pair-caption{position:absolute;bottom:48px;right:9px;max-width:80%;width:auto;padding:3px 6px;background:#ffffffde;border:1px solid #e0e6ed;color:#52677b}.inspector{min-width:0}.pane{width:100%;max-width:none;min-height:388px;border:1px solid #b8c2ce;border-radius:3px;background:#f4f6f8;box-shadow:1px 2px 2px #00000016;padding:8px 7px 7px}.panetitle{font-size:12px;color:#3e535d;font-weight:bold;margin:2px 3px 10px}.panel-search{display:block;width:100%;height:27px;margin:0 0 7px;padding:5px 7px!important;border-color:#bcc6d1!important;font-size:11px}.panel-scroll{background:#fff;border-color:#c4ccd5;scrollbar-width:thin;scrollbar-color:#abb5bf #e9edf1}.moods{height:280px;display:flex;flex-direction:column;padding:5px;gap:0}.moodb{font-size:12px;min-height:29px;gap:9px;padding:4px 6px;flex-shrink:0}.action-icon{width:16px;height:16px;object-fit:contain;image-rendering:auto;flex:none}.moodb[aria-pressed=true]{background:#e5effb}.appearance-scroll{height:309px;padding:8px 7px}.look-row{min-height:33px;gap:4px}.look-row>.row-label,.look-row>label{width:111px;font-size:11px}.panel-action{padding:10px 3px 3px}.panel-action .text-button{font-size:12px}.friends{margin:7px 2px;min-height:68px;max-height:142px;overflow-y:auto;align-items:flex-start}.friends select{align-self:center;max-width:165px}.friend{max-width:85px}.poke-controls{padding:0 4px 7px}.poke-controls>label{font-size:11px}.poke-controls select{height:28px}.status-line{margin:7px 3px;font-size:11px}.repeat{display:flex!important;align-items:center;gap:4px;margin-top:10px!important}.book-controls{padding:8px 3px;gap:11px}.book-controls select{height:28px}.animlist{height:290px}.advanced{width:auto;max-width:none;margin:0 18px;color:#60738b}.advanced>summary{text-align:left;border-top:1px solid #dbe1e8;padding-top:10px;font-size:11px}.advanced[open]{border:0;padding-top:0}.advanced[open]>summary{margin-bottom:12px}.transport{max-width:560px}.wardrobe{max-width:550px;grid-template-columns:110px minmax(0,1fr)}footer{margin-top:15px}.option-picker{border-radius:2px;padding:7px}.option-grid{grid-template-columns:repeat(4,40px);gap:3px}.option-grid button{width:40px;height:40px}.option-grid canvas{width:38px;height:38px}.palette-grid{grid-template-columns:repeat(8,19px)}.palette-grid button{width:19px;height:19px}.option-grid img{width:38px;height:38px}.scene-presets{padding:0}.scene-preview{height:64px}.scene-controls{padding:13px 4px;gap:10px}
@media(max-width:780px){.page{padding:14px 10px}.workspace{grid-template-columns:minmax(0,1fr)285px;gap:12px;padding:15px 12px}.nav button{padding:0 12px;font-size:11px}#stage{height:365px}.stage-toolbar span{width:100%;margin:1px 0 0}.stage-toolbar button{padding:5px;font-size:10px}.pane{min-height:365px}.moods{height:258px}.appearance-scroll{height:286px}}
@media(max-width:620px){.page{padding:12px 7px}.page-header{margin:0 5px 13px}h1{font-size:21px}.breadcrumb{font-size:10px}.game{min-height:0}.nav{height:38px;padding:0 3px;gap:0}.nav button{font-size:10px;height:34px;line-height:13px;margin-top:3px;padding:0 7px;white-space:normal;flex:1}.nav button:nth-child(2){max-width:none}.workspace{display:flex;flex-direction:column;padding:12px 10px;gap:15px}.stage-column,.inspector{width:100%}#stage{height:310px}.stage-toolbar{gap:6px}.stage-toolbar button{padding:6px 8px;font-size:10px}.stage-toolbar span{width:auto;margin-left:auto;display:none}.pair-caption{bottom:43px}.pane{min-height:0;max-width:none}.moods{height:220px;display:grid;grid-template-columns:1fr 1fr;align-content:start;padding:5px}.moodb{min-height:30px;font-size:11px;gap:5px;padding:4px 2px}.moodb span{white-space:normal}.appearance-scroll{height:235px}.look-row>.row-label{width:135px}.advanced{margin:0 10px}.book-controls{gap:8px}.scene-preview{height:40px}}
.look-section{font-size:10px;font-weight:bold;color:#48617a;border-bottom:1px solid #d7e0e9;padding:6px 0 4px;margin:9px 0 5px}.look-section:first-child{margin-top:0}.look-row>.row-label{overflow-wrap:anywhere}

/* Compact eight-tab toolbar from the later classic interface. */
.page-header{margin-bottom:12px}.page-header h1{font:700 20px Tahoma,Arial,sans-serif}
.nav{width:max-content;max-width:calc(100% - 24px);height:27px;margin:10px 12px 0;padding:0;gap:1px;justify-content:flex-start;border:0;border-radius:0;background:none;box-shadow:none}
.nav button{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-width:69px;height:26px;margin:0;padding:0 12px;border:1px solid #bdc3c6;border-radius:2px 2px 0 0;background:linear-gradient(#fdfdfd 0%,#f0f1f1 48%,#e0e3e4 51%,#f0f1f1 100%);box-shadow:inset 0 1px 0 #fff,0 1px 1px #00000012;color:#3c535a;font:700 11px Tahoma,Arial,sans-serif;line-height:1;white-space:nowrap;text-decoration:none;text-shadow:0 1px #fff;transition:background-color .12s}
.nav button:first-child{padding-left:10px;padding-right:13px}.nav button:last-child{min-width:30px;width:30px;padding:0;border-right:1px solid #bdc3c6}
.nav button img{display:block;flex:none;width:16px;height:16px;object-fit:contain}
.nav button:hover{color:#263f47;background:linear-gradient(#fff,#eaf1f4);border-color:#8fa4ad;text-decoration:none}
.nav button[aria-selected=true]{background:linear-gradient(#fff,#fffef3);border:1px solid #aeb5b7;border-bottom-color:#dedbc6;border-radius:2px 2px 0 0;color:#263f47;box-shadow:inset 0 2px #eee8c9;text-decoration:none}
.nav button:active{box-shadow:inset 0 1px 2px #75818b44}
.workspace{padding-top:16px}.pane{border-radius:2px;background:#f3f5f5;border-color:#b8c2c6}.panetitle{color:#3c5157}
.classic-intro{margin:7px 4px 14px;font-size:11px;line-height:1.6;color:#5b686f}
.classic-menu{display:flex;flex-direction:column;margin:0 3px;background:#fff;border:1px solid #d1d7d9}
.classic-menu button{display:flex;align-items:flex-start;gap:9px;border:0;border-bottom:1px solid #e3e7e9;background:none;padding:12px 9px;text-align:left;color:#006699;font-size:12px;line-height:1.3}
.classic-menu button:last-child{border-bottom:0}.classic-menu button:hover{background:#edf4fa}.classic-menu button img{width:16px;height:16px;flex:none}
.classic-menu button small{display:block;margin-top:4px;color:#6b757c;font-size:10px;line-height:1.4}

.classic-help{margin:0 4px;font-size:11px;line-height:1.5}.classic-help dt{font-weight:bold;color:#47616d;margin-top:12px}.classic-help dd{margin:3px 0 10px;color:#56666e}
@media(max-width:780px){.nav{max-width:calc(100% - 20px);margin:8px 10px 0}.nav button{min-width:62px;padding:0 8px;font-size:10px}}
@media(max-width:620px){.page-header h1{font-size:18px}.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 20px);height:auto;gap:2px}.nav button,.nav button:first-child,.nav button:last-child{width:100%;min-width:0;max-width:none;height:33px;margin:0;padding:0 4px;flex:none;font-size:10px;white-space:nowrap;line-height:1}.nav button img{width:14px;height:14px}.nav button:last-child img{width:16px;height:16px}.workspace{padding-top:12px}}

.background-editor{margin:10px 0;padding:8px;border:1px solid #b8c0ca}.background-row{display:flex;align-items:center;gap:6px;margin:7px 0;flex-wrap:wrap}.background-row select{flex:1;min-width:100px;max-width:170px}.background-row input[type=color]{width:30px;height:25px;padding:1px}.background-editor legend{font-weight:bold}





.capture-caption{position:absolute;left:5%;width:90%;z-index:2;text-align:center;font:bold clamp(12px,2vw,22px) Tahoma,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;text-shadow:0 0 2px white}.caption-top{top:2.5%}.caption-bottom{bottom:2.5%}.book-controls input[type=text]{width:100%;box-sizing:border-box}
#pane-poke .friends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:start}#pane-poke .friend{max-width:none;min-width:0;width:100%}#pane-poke .friend b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}.friend .friend-photo{width:68px;height:68px;object-fit:cover;border:1px solid #c4ccd5;background:#eef1f7;margin:0 auto 3px}.messages{height:300px;padding:6px 8px}.messages-day{margin:8px 2px 4px;padding-bottom:3px;border-bottom:1px solid #dfe5ea;font:bold 11px Tahoma,Arial,sans-serif;color:#48617a}.messages-day span{font-weight:normal;color:#7b8a99;margin-left:4px}.message{display:flex;align-items:flex-start;gap:7px;width:100%;margin:2px 0;padding:6px 7px;border:1px solid transparent;border-radius:3px;background:none;text-align:left;font:bold 11px/1.35 Tahoma,Arial,sans-serif;color:#1f4f8f;cursor:pointer}.message img{width:18px;height:18px;flex:none}.message small{display:block;font-weight:normal;color:#7b8a99;font-size:10px}.message:hover{background:#f2f7fd}.message[aria-pressed=true]{background:#fff8dc;border-color:#e8c96a}.messages-empty{margin:40px 16px;text-align:center;color:#6b757c;font-size:11px;line-height:1.6}.reply-button{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;border:1px solid #9fb0c2;border-radius:4px;background:linear-gradient(#fff,#e3e9ef);font:bold 12px Tahoma,Arial,sans-serif;color:#2c3e50;cursor:pointer}.reply-button:disabled{opacity:.5;cursor:default}.reply-button img{width:16px;height:16px}#pane-scene .scene-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#pane-scene .scene-preset{padding:3px;font-size:10px;line-height:1.2}#pane-scene .scene-preview{height:30px;margin-bottom:3px}#pane-scene .background-editor{margin:10px 0 4px;padding:6px 8px;border:1px solid #c4ccd5;background:#fff}#pane-scene .background-editor summary{cursor:pointer;font:bold 11px Tahoma,Arial,sans-serif;color:#48617a}#pane-scene .scene-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:8px 4px}#pane-scene .scene-controls input[type=range],#pane-scene .scene-controls select{width:100%}#pane-scene .scene-controls label:last-child{grid-column:1 / -1}#friend-search{margin:6px 14px 0;width:calc(100% - 28px);box-sizing:border-box}.friend-pager{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 14px 8px;font-size:11px;color:#687c92}.friend-pager button:disabled{color:#a9b4c0;text-decoration:none;cursor:default}.look-modes{display:flex;gap:2px;margin:0 0 -1px;padding-left:2px}.look-modes button{display:flex;align-items:center;gap:3px;padding:4px 6px;white-space:nowrap;font:bold 10px Tahoma,Arial,sans-serif;color:#48617a;background:linear-gradient(#f7f9fb,#e2e8ee);border:1px solid #b8c2ce;border-bottom-color:#c4ccd5;border-radius:4px 4px 0 0;cursor:pointer}.look-modes button{flex:1 1 auto;min-width:0;justify-content:center;overflow:hidden;text-overflow:ellipsis}.look-modes button img{width:13px;height:13px;flex:none}.look-modes button[aria-selected=true]{background:#fff;color:#223a52;border-bottom-color:#fff;position:relative;z-index:1}#look-create,#look-pick,#look-mine,#book-image,#book-scrap{border-top:1px solid #c4ccd5;padding-top:8px;background:#f3f5f5}#stage{position:relative}.stage-icons{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:2}.stage-icons button{width:30px;height:30px;padding:5px;border:1px solid #ffffffb0;border-radius:50%;background:#ffffff8c;color:#35506e;box-shadow:0 1px 3px #0000002a;cursor:pointer;opacity:.7;transition:opacity .15s,background .15s}.stage-icons button:hover,.stage-icons button:focus-visible{opacity:1;background:#ffffffe6;outline:none}.stage-icons svg{display:block;width:100%;height:100%}.stage-recording{position:absolute;left:50%;top:10px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:#000000a8;color:#fff;font:bold 11px Tahoma,Arial,sans-serif;z-index:3}.stage-recording-dot{width:8px;height:8px;border-radius:50%;background:#e8384f;animation:rec-pulse 1s infinite}.stage-recording[hidden]{display:none}@keyframes rec-pulse{50%{opacity:.3}}.bp-modal{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-start;justify-content:center;padding-top:40px;background:#1b2b3f55}.bp-modal[hidden]{display:none}.bp-modal-box{width:min(440px,calc(100% - 24px));background:#fff;border:1px solid #9fb3cb;border-radius:4px;box-shadow:0 6px 24px #00000040;font:11px Tahoma,Arial,sans-serif;overflow:hidden}.bp-modal-header{position:relative;padding:6px 32px 6px 10px;background:#dbe7f7;border-bottom:1px solid #b2c4de;font-weight:bold;font-size:12px;color:#1f3a5c}.bp-modal-close{position:absolute;top:2px;right:4px;width:26px;height:26px;border:0;background:none;font-size:18px;line-height:1;color:#5b6b7c;cursor:pointer}.bp-modal-close:hover{color:#1f3a5c}.bp-modal-body{padding:10px;text-align:center;max-height:60vh;overflow:auto}.bp-modal-body img{max-width:100%;max-height:48vh;border:1px solid #d5dde6;background:repeating-conic-gradient(#eef1f5 0 25%,#fff 0 50%) 0 0/16px 16px}.bp-modal-info{margin:6px 0 0;color:#6b7b8c}.bp-modal-footer{display:flex;justify-content:flex-end;gap:6px;padding:8px 10px;border-top:1px solid #e1e7ee;background:#f4f6f8}.bp-modal-footer a{text-decoration:none}.bp-modal-button{padding:5px 14px;border:1px solid #9fb0c2;border-radius:4px;background:linear-gradient(#fff,#e3e9ef);font:12px Tahoma,Arial,sans-serif;color:#2c3e50;cursor:pointer}.bp-toast{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);max-width:calc(100% - 24px);padding:7px 14px;border:1px solid #e8c96a;border-radius:4px;background:#fff8dc;box-shadow:0 2px 8px #0003;font:bold 11px Tahoma,Arial,sans-serif;color:#5b4a12;text-align:center;z-index:4;animation:toast-in .18s ease-out}.bp-toast.erro{border-color:#e3a0a0;background:#fdecec;color:#8a2323}.bp-toast[hidden]{display:none}@keyframes toast-in{from{opacity:0;transform:translate(-50%,6px)}}html.visit-mode,html.visit-mode body{background:transparent}.visit-mode .page{max-width:none;min-height:0;margin:0;padding:0;border:0;box-shadow:none;background:transparent}.visit-mode .game{max-width:none;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}.visit-mode .nav,.visit-mode .inspector,.visit-mode footer,.visit-mode .stage-icons,.visit-mode .advanced,.visit-mode .pair-caption,.visit-mode .capture-caption{display:none!important}.visit-mode .workspace{display:block;padding:0}.visit-mode #stage{height:220px!important;border:0;border-bottom:1px solid #e0e5eb}.visit-bar{padding:5px 6px 6px;font:11px Tahoma,Arial,sans-serif;color:#2c3e50}.visit-bar[hidden]{display:none}.visit-head{display:flex;flex-direction:column;gap:1px}.visit-head span{color:#6b7b8c;font-size:10px}.visit-controls{display:flex;gap:4px;margin-top:5px}.visit-controls select{flex:1;min-width:0}.visit-controls .reply-button{padding:3px 10px;font-size:11px}.visit-controls[hidden]{display:none}.config-list{display:flex;flex-direction:column;gap:6px}.config-group{padding:8px;border:1px solid #c4ccd5;background:#fff;font-size:11px;color:#2c3e50}.config-group[hidden]{display:none}.config-group>label{font-weight:bold;display:flex;gap:5px;align-items:center}.config-group small{display:block;margin:3px 0 0 18px;color:#6b7b8c;font-size:10px}.config-group .status-line{display:block;margin:4px 0 0 18px;font-size:10px}.config-title{margin:0 0 6px;font-weight:bold;color:#48617a}#pane-config .scene-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:2px 0}#pane-config .scene-controls input[type=range],#pane-config .scene-controls select{width:100%}#pane-config .scene-controls label:last-child{grid-column:1 / -1}#pane-config .scene-controls output{float:none;margin-left:6px;color:#6b7b8c}.scrap-title{margin:4px 6px 8px;font:bold 12px Tahoma,Arial,sans-serif;color:#1f5f99}.scrap-steps{margin:0 8px 0 24px;padding:0;font-size:11px;line-height:1.5;color:#2c3e50}.scrap-steps li{margin-bottom:9px}.scrap-steps select{display:block;width:100%;margin-top:3px}.scrap-actions{margin-top:4px}.scrap-code{display:flex;gap:4px;margin-top:6px}.scrap-code input{flex:1;min-width:0;font:11px monospace;border:1px solid #333;padding:3px}.scrap-note{margin:4px 8px;font-size:10px;color:#7b8a99}#scrap-preview{display:block;max-width:160px;margin:6px auto;border:1px solid #c4ccd5}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;height:260px;align-content:start}.preset{border:1px solid transparent;border-radius:3px;background:none;padding:2px 0 3px;cursor:pointer;color:#315b8e;font-size:10px;line-height:1.15}.preset img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain}.preset:hover,.preset:focus-visible{border-color:#91b3dc;background:#eaf3ff;outline:none}.preset[aria-pressed=true]{border-color:#5f8fd0;background:#dfeafa}.preset-pager{display:flex;align-items:center;justify-content:space-between;margin:6px 4px 0;font-size:11px;color:#687c92}.preset-pager button:disabled{color:#a9b4c0;text-decoration:none;cursor:default}#pane-look .look-tools{margin:0 0 6px;gap:3px;flex-wrap:wrap}#pane-look .look-tools button{padding:2px 5px;font-size:10px;white-space:nowrap}#look-undo,#look-redo{min-width:24px;font-size:13px!important;line-height:1}#look-mine .wardrobe{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;border:0}.wardrobe-row{display:flex;gap:4px;margin-bottom:8px}.wardrobe-row input,.wardrobe-row select{flex:1;min-width:0}#look-mine .wardrobe label{font-size:11px;color:#48617a}@media(min-width:781px){.workspace{align-items:stretch}.inspector{position:relative;align-self:start;min-height:0}.inspector>.pane{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.inspector>.pane[hidden],#look-create[hidden],#look-pick[hidden],#look-mine[hidden]{display:none}#look-create,#look-pick{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.inspector .panel-scroll,.inspector .appearance-scroll,.inspector .preset-grid,.inspector .messages{flex:1 1 auto;min-height:60px;height:auto}#pane-poke .friends{flex:1 1 auto;max-height:none;min-height:80px}}#pane-look .look-tools button,#pane-look .wardrobe button{font-size:11px;border:1px solid #b9c7d6;background:#f3f7fc;padding:3px 6px;cursor:pointer}#pane-look .look-tools button:disabled,#pane-look .wardrobe button:disabled{opacity:.5;cursor:default}#pane-look .wardrobe{margin-top:10px;padding-top:10px;border-top:1px solid #e0e7ef;font-size:11px}
/* Nine tabs fit the game width: icon-only settings/help, tighter padding, text shrinks before overflowing. */
.nav{overflow:hidden}.nav button{flex:0 1 auto;min-width:0;padding:0 8px 0 7px;gap:4px}
.nav #tab-config,.nav #tab-help{flex:0 0 auto;width:32px;min-width:32px;padding:0}
.nav #tab-config img{width:16px;height:16px}
@media(min-width:621px){.nav button span{overflow:hidden;text-overflow:ellipsis}}
/* The tab bar spans the whole game width; text tabs share the space, icon tabs stay square. */
@media(min-width:621px){.nav{display:flex;width:auto;max-width:none;margin-left:10px;margin-right:10px}.nav button{flex:1 1 auto;justify-content:center}}