/* v0.57 — shared, quiet game UI. World art and interactive canvases stay unchanged. */
#kuku-white-world{--ui-bg:#19262c;--ui-panel:#23343b;--ui-raised:#2c4148;--ui-ink:#f3f6f5;--ui-muted:#bdcdcf;--ui-line:#496068;--ui-accent:#9eddbb;--ui-dark:#142d25;--ui-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#kuku-white-world .kw-modal-layer{padding:clamp(10px,3vw,28px);background:#0b161cb3;backdrop-filter:blur(5px)}
#kuku-white-world .kw-modal{display:flex;flex-direction:column;width:min(760px,100%);max-width:100%;max-height:100%;min-height:0;margin:0;padding:0;overflow:hidden;background:var(--ui-bg);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:18px;box-shadow:0 20px 80px #0006;outline:0;font:400 15px/1.55 var(--ui-font);color-scheme:dark;text-align:left}
#kuku-white-world .kw-modal *,#kuku-white-world #kw-menu *{box-sizing:border-box}
#kuku-white-world .kw-dialog-head{display:flex;flex:none;gap:16px;align-items:center;justify-content:space-between;padding:23px 28px 20px;border-bottom:1px solid #49606870;background:var(--ui-bg)}
#kuku-white-world .kw-dialog-head>div{min-width:0}
#kuku-white-world .kw-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent;padding:22px 28px 26px;scroll-padding:16px}
#kuku-white-world .kw-modal h2{font:650 clamp(22px,3vw,28px)/1.2 var(--ui-font);letter-spacing:-.6px;color:var(--ui-ink);margin:0;text-transform:none}
#kuku-white-world .kw-modal h3{font:600 18px/1.4 var(--ui-font);margin:20px 0 10px;color:var(--ui-ink)}
#kuku-white-world .kw-modal .eyebrow{font:600 11px/1.4 var(--ui-font);letter-spacing:1.1px;color:var(--ui-accent);margin:0 0 7px}
#kuku-white-world .kw-modal p{font:400 15px/1.6 var(--ui-font);color:var(--ui-muted);margin:0 0 16px;overflow-wrap:anywhere}
#kuku-white-world .kw-modal :is(small,.kw-small){font:400 12px/1.5 var(--ui-font);color:var(--ui-muted)}
#kuku-white-world .kw-modal :is(b,strong){color:var(--ui-ink);font-weight:650}
#kuku-white-world .kw-modal :is(button,input,select,textarea,summary){font-family:var(--ui-font);font-size:14px;letter-spacing:normal;text-transform:none;outline-offset:3px}
#kuku-white-world .kw-modal button{min-height:44px;border:1px solid var(--ui-line);border-radius:9px;padding:10px 15px;background:var(--ui-panel);color:var(--ui-ink);box-shadow:none;line-height:1.4;font-weight:550;cursor:pointer;white-space:normal}
#kuku-white-world .kw-modal button:hover{background:var(--ui-raised);border-color:var(--ui-muted);transform:none}
#kuku-white-world .kw-modal :is(button.primary,button.active,button[aria-selected="true"],button[aria-pressed="true"]){background:var(--ui-accent);color:var(--ui-dark);border-color:var(--ui-accent)}
#kuku-white-world .kw-modal button:disabled{opacity:.48;cursor:default}
#kuku-white-world .kw-modal :is(a,summary){color:var(--ui-accent)}
#kuku-white-world .kw-modal :is(button,input,select,textarea,summary,a):focus-visible,#kuku-white-world #kw-menu button:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
#kuku-white-world .kw-modal :is(input:not([type="range"]):not([type="checkbox"]):not([type="color"]),select,textarea){background:#101e24;color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:8px;padding:11px 12px;max-width:100%;font-size:16px;min-height:46px;line-height:1.4;box-shadow:none}
#kuku-white-world .kw-modal input::placeholder,#kuku-white-world .kw-modal textarea::placeholder{color:#93a7ab;opacity:1}
#kuku-white-world .kw-modal input[type="checkbox"]{accent-color:var(--ui-accent);min-width:20px;min-height:20px}
#kuku-white-world .kw-modal label{color:var(--ui-muted);font:500 13px/1.5 var(--ui-font)}
#kuku-white-world .kw-modal details{border:1px solid var(--ui-line);border-radius:10px;background:transparent;margin:14px 0;padding:0 14px}
#kuku-white-world .kw-modal summary{padding:12px 0;min-height:44px;cursor:pointer;font-weight:550}
#kuku-white-world .kw-modal details[open]{padding-bottom:12px}
#kuku-white-world .kw-modal .kw-choice{gap:9px;margin:18px 0 4px}
#kuku-white-world .kw-dialog-head :is(.kw-window-close,.kw-talk-close){position:static;flex:none;width:40px;min-height:40px;padding:0;border:0;background:transparent;color:var(--ui-muted);font:400 26px/1 var(--ui-font)}
#kuku-white-world .kw-modal .kw-menu-footer{border-color:var(--ui-line);background:transparent;gap:8px;padding:16px 0 0}
#kuku-white-world .kw-modal :is(.kw-error,[role="alert"]){color:#ffb6a6}
#kuku-white-world .kw-modal [hidden],#kuku-white-world #kw-menu [hidden]{display:none!important}
#kuku-white-world .kw-modal .kw-destinations{gap:2px;border-color:var(--ui-line)}
#kuku-white-world .kw-modal .kw-destinations button{background:transparent;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;padding:12px 8px}
#kuku-white-world .kw-modal .kw-destinations span{color:var(--ui-muted)}
#kuku-white-world .kw-modal .kw-destinations button:hover{background:var(--ui-panel)}
#kuku-white-world .kw-modal .kw-help-controls{margin:0}
#kuku-white-world .kw-help-controls>div{display:grid;grid-template-columns:90px 1fr;gap:16px;border-bottom:1px solid var(--ui-line);padding:12px 0}
#kuku-white-world .kw-help-controls dt{font-weight:650}
#kuku-white-world .kw-help-controls dd{margin:0;color:var(--ui-muted)}
#kuku-white-world .kw-modal .kw-catalog-search{position:sticky;top:-1px;z-index:2;background:var(--ui-bg);padding:8px 0;margin:0;gap:8px}
#kuku-white-world .kw-modal .kw-catalog-grid{gap:12px;margin:12px 0}
#kuku-white-world .kw-modal .kw-catalog-card{align-items:stretch;border-color:#49606890;background:var(--ui-panel);border-radius:12px;padding:12px!important;text-align:left}
#kuku-white-world .kw-modal .kw-catalog-card canvas{align-self:center;background:#ded8c8;border-radius:8px}
#kuku-white-world .kw-modal .kw-catalog-card strong{font:600 14px/1.4 var(--ui-font)}
#kuku-white-world .kw-modal .kw-catalog-card span{font:400 12px/1.4 var(--ui-font);color:var(--ui-muted)}
#kuku-white-world .kw-modal.kw-dialog-catalog{width:min(860px,100%)}
#kuku-white-world .kw-modal .kw-catalog-footer{flex:none;margin:0;padding:12px 28px;border-top:1px solid var(--ui-line);background:var(--ui-bg)}
#kuku-white-world .kw-modal #kw-result-count,#kuku-white-world .kw-modal #kw-stash-count{font-size:12px;margin:8px 0}
#kuku-white-world .kw-modal :is(.kw-editor-section,.kw-note,.kw-talk-answer,.kw-residents article,.kw-access-file,.kw-home-section,.kw-project-card,.kw-fund-card,.kw-stock-card,.kw-coffee-tip,.kw-jam-patterns){border-color:var(--ui-line);background:var(--ui-panel);color:var(--ui-ink);box-shadow:none;border-radius:10px}
#kuku-white-world .kw-modal :is(.kw-talk-actions,.kw-context-actions) button{background:transparent;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;min-height:48px}
#kuku-white-world .kw-modal :is(.kw-context-actions,.kw-talk-actions) button:hover{background:var(--ui-panel)}
#kuku-white-world .kw-modal .kw-talk-actions .primary{color:var(--ui-accent)}
#kuku-white-world .kw-modal .kw-code-input{font:13px/1.5 ui-monospace,monospace}
#kuku-white-world .kw-dialog-entry{width:min(470px,100%)}
#kuku-white-world .kw-modal.kw-dialog-compact{width:min(510px,100%)}
#kuku-white-world .kw-modal.kw-context-modal{width:min(390px,100%)}
#kuku-white-world .kw-modal .kw-game-board button{font-size:24px;padding:6px}
#kuku-white-world .kw-modal .kw-game-board{max-width:360px;width:100%;gap:6px}
#kuku-white-world .kw-modal .kw-game-board button:disabled{opacity:1}
#kuku-white-world .kw-modal .kw-game-board button.one{color:var(--ui-accent)}
#kuku-white-world .kw-modal .kw-game-board button.two{color:#f4bfa7}
#kuku-white-world .kw-modal .kw-game-board button.matched{background:#314d44;color:var(--ui-accent)}
#kuku-white-world .kw-modal .kw-table-status{background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:9px;color:var(--ui-ink);padding:12px 14px}
#kuku-white-world .kw-modal .kw-table-status.your-turn{background:#243e35;border-color:var(--ui-accent);color:var(--ui-accent)}
#kuku-white-world .kw-modal .kw-course-progress{background:var(--ui-panel);border-radius:4px;height:6px;margin:16px 0}
#kuku-white-world .kw-modal .kw-course-progress span{background:var(--ui-accent)}
#kuku-white-world .kw-modal .kw-course-list{gap:6px}
#kuku-white-world .kw-modal :is(button.active,button[aria-pressed="true"],button[aria-selected="true"]) :is(b,strong,span,small){color:var(--ui-dark)}
#kuku-white-world .kw-modal .kw-jam-pads kbd{background:#0e1c22;color:var(--ui-muted);border:0;border-radius:4px;font:11px var(--ui-font);padding:2px 5px}
#kuku-white-world .kw-modal .kw-jam-grid button{padding:4px}
#kuku-white-world .kw-dialog-entry .kw-welcome{padding:0;width:auto}
#kuku-white-world .kw-dialog-entry .kw-choice{display:flex;flex-direction:column}
#kuku-white-world .kw-dialog-entry .kw-choice button{width:100%;min-height:48px}
#kuku-white-world .kw-dialog-entry .kw-access-file{display:block;padding:14px;background:var(--ui-panel)}
#kuku-white-world .kw-dialog-entry .kw-access-file input{width:100%;margin-top:8px}
#kuku-white-world .kw-dialog-entry #kw-code-input{width:100%;margin-top:6px}
#kuku-white-world .kw-dialog-entry #kw-access-error:empty,#kuku-white-world .kw-dialog-entry #kw-access-status:empty{display:none}
#kuku-white-world .kw-dialog-creator{width:min(820px,100%)}
#kuku-white-world .kw-creator{display:grid;grid-template-columns:200px minmax(0,1fr);gap:26px;margin:10px 0 0;align-items:start}
#kuku-white-world .kw-preview-wrap{position:sticky;top:0;align-self:start;margin:0;text-align:center;background:#243a40;border:0;border-radius:12px;overflow:hidden}
#kuku-white-world #kw-preview{display:block;width:200px;height:275px;max-width:100%;border:0;background:#243a40;margin:0 auto;image-rendering:pixelated}
#kuku-white-world .kw-preview-wrap small{display:block;padding:0 8px 10px}
#kuku-white-world .kw-customize{min-width:0}
#kuku-white-world .kw-editor-tabs{display:flex;gap:4px;padding:4px;background:#0f1c21;border-radius:10px;margin-bottom:18px;position:sticky;top:0;z-index:2}
#kuku-white-world .kw-editor-tabs button{flex:1;padding:8px;min-height:40px;border:0;background:transparent}
#kuku-white-world .kw-style-select{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px;margin:12px 0}
#kuku-white-world .kw-style-select>span{text-transform:lowercase;font-variant:normal}
#kuku-white-world .kw-style-select>span{font-family:var(--ui-font);letter-spacing:0}
#kuku-white-world .kw-style-select>span::first-letter{text-transform:uppercase}
#kuku-white-world .kw-style-select select{width:100%}
#kuku-white-world .kw-editor-panels #kw-name{display:block;width:100%;margin:6px 0 18px}
#kuku-white-world .kw-editor-panels .kw-range{display:grid;grid-template-columns:125px minmax(0,1fr);gap:10px;align-items:center;margin:14px 0;font-size:11px}
#kuku-white-world .kw-editor-panels input[type="range"]{width:100%;height:28px;min-width:0;accent-color:var(--ui-accent)}
#kuku-white-world .kw-editor-presence .kw-toggle{display:flex;align-items:start;gap:10px;margin:0;font-size:12px}
#kuku-white-world .kw-wardrobe-save{flex:none;display:flex;justify-content:flex-end;gap:10px;margin:0;padding:16px 28px;position:static;border-top:1px solid var(--ui-line);background:var(--ui-bg);box-shadow:none}
#kuku-white-world #kw-menu{width:300px;padding:12px;border-radius:14px;border:1px solid var(--ui-line);background:var(--ui-bg);color:var(--ui-ink);box-shadow:0 12px 40px #0005;font:400 14px/1.5 var(--ui-font);max-height:calc(100% - 84px);overflow:auto}
#kuku-white-world #kw-menu .kw-menu-heading{padding:2px 8px 10px;border-bottom:1px solid var(--ui-line);color:var(--ui-muted);font:600 13px var(--ui-font)}
#kuku-white-world #kw-menu button{font:500 14px/1.4 var(--ui-font);color:var(--ui-ink);border:0;border-radius:8px;min-height:44px;background:transparent;box-shadow:none;padding:12px}
#kuku-white-world #kw-menu button:hover{background:var(--ui-panel)}
#kuku-white-world #kw-menu .kw-menu-links{padding:7px 0}
#kuku-white-world #kw-menu .kw-menu-links button{margin:2px 0}
#kuku-white-world #kw-menu .kw-menu-links button span{color:var(--ui-muted)}
#kuku-white-world #kw-menu-settings{border-top:1px solid var(--ui-line)!important;border-radius:0!important;width:100%;text-align:left}
#kuku-white-world #kw-menu .kw-menu-sounds{margin:8px 0;padding:10px 0;border-color:var(--ui-line)}
#kuku-white-world #kw-menu .kw-menu-online{font:12px var(--ui-font);color:var(--ui-muted);padding:8px;margin:0}
#kuku-white-world #kw-actions .kw-icon{border-radius:10px;background:#19262ced;color:var(--ui-ink);border:1px solid #49606880;box-shadow:none}
#kuku-white-world #kw-action{border-radius:10px;background:var(--ui-bg);color:var(--ui-ink);border:1px solid var(--ui-line);font:550 14px var(--ui-font);box-shadow:none}
#kuku-white-world .kw-chat-dock{border-radius:10px;background:#19262ce8;border:1px solid #49606880;box-shadow:none}
#kuku-white-world #kw-chat-input{font-family:var(--ui-font);color:var(--ui-ink)}
#kuku-white-world #kw-chat-input::placeholder{color:var(--ui-muted)}
#kuku-white-world #kw-chat-form button{color:var(--ui-accent)}
#kuku-white-world .kw-modal input[type="color"]{border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-panel);height:44px;width:90px;padding:5px}
#kuku-white-world .kw-modal #kw-home-save{background:var(--ui-accent);color:var(--ui-dark);border-color:var(--ui-accent)}
@media(max-width:600px){
 #kuku-white-world .kw-modal-layer{padding:8px}
 #kuku-white-world .kw-modal{border-radius:14px}
 #kuku-white-world .kw-dialog-head{padding:16px 18px 14px}
 #kuku-white-world .kw-dialog-body{padding:16px 18px 20px}
 #kuku-white-world .kw-modal p{font-size:14px}
 #kuku-white-world .kw-creator{grid-template-columns:90px minmax(0,1fr);gap:14px}
 #kuku-white-world #kw-preview{width:90px;height:124px}
 #kuku-white-world .kw-preview-wrap small{display:none}
 #kuku-white-world .kw-style-select{grid-template-columns:1fr;gap:3px;margin:10px 0}
 #kuku-white-world .kw-editor-panels .kw-range{grid-template-columns:1fr;gap:2px}
 #kuku-white-world .kw-editor-tabs{gap:0}
 #kuku-white-world .kw-editor-tabs button{font-size:12px;padding:7px}
 #kuku-white-world .kw-wardrobe-save{padding:12px 18px}
 #kuku-white-world .kw-modal .kw-catalog-footer{padding:10px 18px}
}
@media(max-height:500px){
 #kuku-white-world .kw-modal-layer{padding:8px}
 #kuku-white-world .kw-dialog-head{padding:10px 18px}
 #kuku-white-world .kw-dialog-head .eyebrow{display:none}
 #kuku-white-world .kw-dialog-head h2{font-size:21px}
 #kuku-white-world .kw-dialog-body{padding:14px 18px}
 #kuku-white-world .kw-creator{grid-template-columns:125px minmax(0,1fr);gap:18px}
 #kuku-white-world #kw-preview{width:125px;height:172px}
 #kuku-white-world .kw-preview-wrap small{display:none}
 #kuku-white-world .kw-wardrobe-save{padding:8px 18px}
}
@media(prefers-reduced-motion:reduce){#kuku-white-world .kw-modal *,#kuku-white-world #kw-menu *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Small optional explanations stay next to the action they explain. */
.kuku-white-world .kw-city-tile{position:relative;min-width:0}
.kuku-white-world .kw-city-grid{align-items:start}
.kuku-white-world .kw-city-tile>button[data-open]{width:100%;height:auto;min-height:80px;padding-right:58px;text-align:left}
.kuku-white-world .kw-city-tile:has(.kw-city-info:not([hidden]))>button[data-open]{height:auto}
.kuku-white-world .kw-city-tile .kw-info-toggle{position:absolute;right:8px;top:8px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;font:italic 700 19px Georgia,serif;background:transparent;color:#b9dcd0;border:1px solid #66867e}
.kuku-white-world .kw-info-toggle[aria-expanded=true]{background:#a9d5c4;color:#182c24}
.kuku-white-world .kw-city-info{margin:0;padding:14px 16px;border-left:2px solid #a9d5c4;font-size:14px;line-height:1.6;color:#d9e2df;background:#202c29}
.kuku-white-world .kw-shell .kw-modal .kw-info-toggle{border-radius:50%!important}

/* v0.63: messages and controls occupy separate rows; no overlaid input. */
#kuku-white-world .kw-chat-dock{display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
#kuku-white-world .kw-chat-dock[hidden]{display:none}
#kuku-white-world .kw-chat-dock #kw-chat-log{flex:0 1 auto;max-height:100px;min-height:0;font:13px/1.4 var(--ui-font);padding:4px 10px;background:#19262cf2}
#kuku-white-world .kw-chat-dock:focus-within #kw-chat-log{max-height:110px}
#kuku-white-world .kw-chat-dock #kw-chat-form{flex:0 0 auto;min-height:44px;margin:0}
#kuku-white-world .kw-chat-dock #kw-chat-input{box-sizing:border-box;width:0;min-width:0;min-height:44px}
#kuku-white-world .kw-chat-dock #kw-chat-form button{flex:0 0 44px}
#kuku-white-world .kw-chat-dock #kw-table-chat{flex:0 0 auto;order:0}
#kuku-white-world .kw-modal.kw-table-menu{max-width:960px;width:100%}
#kuku-white-world .kw-table-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:22px;align-items:start}
#kuku-white-world .kw-table-play{min-width:0}
#kuku-white-world .kw-table-conversation{min-width:0;position:sticky;top:0}
#kuku-white-world .kw-table-conversation h3{margin:8px 0;font-size:16px}
#kuku-white-world .kw-chat-dock.kw-in-game{position:static;width:100%;max-width:none;max-height:none}
#kuku-white-world .kw-chat-dock.kw-in-game #kw-chat-log{display:block;min-height:80px;max-height:200px}
#kuku-white-world .kw-table-menu .kw-table-status{height:58px;box-sizing:border-box;overflow:auto;margin:8px 0}
#kuku-white-world .kw-four-help{font-size:13px;margin:8px 0}
#kuku-white-world .kw-modal .kw-game-board.four{grid-template-columns:repeat(7,minmax(0,1fr));max-width:420px;box-sizing:border-box;gap:3px;padding:6px}
#kuku-white-world .kw-modal .kw-game-board.four .kw-four-column{display:flex;flex-direction:column;gap:4px;align-items:stretch;padding:2px!important;min-width:0;aspect-ratio:auto;min-height:0!important;background:transparent;border:0;border-radius:6px;touch-action:manipulation}
#kuku-white-world .kw-four-drop{font:600 13px/36px var(--ui-font);min-height:36px;background:#30464e;color:#fff;border-radius:4px}
#kuku-white-world .kw-four-cell{display:grid;place-items:center;aspect-ratio:1;background:#19262c;border-radius:50%;font:26px/1 monospace;color:#809397}
#kuku-white-world .kw-four-cell.one{color:#6fd3b7}
#kuku-white-world .kw-four-cell.two{color:#f4bfa7}
#kuku-white-world .kw-four-column:not(:disabled):hover,#kuku-white-world .kw-four-column:focus-visible{outline:2px solid #6fd3b7;background:#304f53!important}
#kuku-white-world .kw-four-column:disabled .kw-four-drop{opacity:.45}
@media(pointer:coarse){
 #kuku-white-world.kw-typing .kw-chat-dock:not(.kw-in-game){bottom:calc(var(--kw-keyboard-inset,0px) + 6px);width:min(480px,calc(100% - 16px));max-height:calc(var(--kw-overlay-height,100vh) - 12px)}
 #kuku-white-world.kw-typing .kw-chat-dock #kw-chat-log{max-height:80px}
 #kuku-white-world.kw-typing .kw-modal-layer{top:var(--kw-overlay-top,0px);bottom:auto;height:var(--kw-overlay-height,100%)}
 #kuku-white-world .kw-table-layout{gap:14px;grid-template-columns:minmax(0,1fr) minmax(190px,.8fr)}
 #kuku-white-world .kw-table-menu .kw-game-board.four{max-width:340px}
 #kuku-white-world .kw-table-menu h2{font-size:20px;margin:4px 0}
 #kuku-white-world .kw-table-menu .eyebrow{display:none}
 #kuku-white-world .kw-chat-dock.kw-in-game #kw-chat-log{min-height:50px;max-height:120px}
}
@media(max-width:600px){#kuku-white-world .kw-table-layout{grid-template-columns:1fr}#kuku-white-world .kw-table-conversation{position:static}}


#kuku-white-world .kw-return-note{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:15;padding:10px 16px;min-height:44px;background:#213d3b;color:#d6f3e8;border:1px solid #66978c;border-radius:10px;font:14px system-ui;cursor:pointer}#kuku-white-world .kw-return-note[hidden]{display:none}#kuku-white-world .kw-return-news button{display:block;width:100%;text-align:left;margin:6px 0}#kuku-white-world .kw-return-news span{display:block;font-size:13px;margin-top:4px}#kuku-white-world .kw-return-week,#kuku-white-world .kw-return-project{padding:12px 0;border-top:1px solid #486068;margin:14px 0}#kuku-white-world .kw-return-project ul{list-style:none;padding:0;line-height:1.8}@media(max-width:650px){#kuku-white-world .kw-return-note{top:68px;width:max-content;max-width:90%}}
.kuku-white-world .kw-languages{position:absolute;right:max(12px,env(safe-area-inset-right));top:72px;z-index:1200;display:flex;gap:4px;padding:6px;border:1px solid #697477;border-radius:12px;background:#20282c;box-shadow:0 8px 28px #0006}
.kuku-white-world .kw-languages[hidden]{display:none}
.kuku-white-world .kw-languages button{min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#f5f7f7;font:500 14px system-ui,sans-serif;box-shadow:none}
.kuku-white-world .kw-languages button[aria-pressed="true"]{background:#bbdacd;color:#14251e}
.kuku-white-world .kw-languages button:focus-visible{outline:2px solid #efbd73;outline-offset:1px}

#kuku-white-world #kw-language{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:1201;min-width:44px;min-height:44px;width:48px;height:48px;pointer-events:auto}#kuku-white-world .kw-toolbar-with-language{margin-right:58px}

#kuku-white-world #kw-language{width:44px;height:44px;padding:6px;border:1px solid #49606880;border-radius:10px;background:#19262ced;color:#f1f6f5;box-shadow:none;font:500 13px system-ui,sans-serif}#kuku-white-world .kw-toolbar-with-language{margin-right:52px}

#kuku-white-world #kw-language.kw-language-strip{position:absolute;left:max(12px,env(safe-area-inset-left));right:auto;top:max(12px,env(safe-area-inset-top));z-index:1201;display:flex;width:auto;height:auto;min-width:0;min-height:0;gap:2px;padding:3px;border:1px solid #49606880;border-radius:10px;background:#19262ced;box-shadow:none;pointer-events:auto}
#kuku-white-world .kw-language-strip button{width:40px;height:38px;min-height:38px;padding:0;border:0;border-radius:7px;background:transparent;color:#f1f6f5;box-shadow:none;font:600 12px system-ui,sans-serif}
#kuku-white-world .kw-language-strip button[aria-pressed="true"]{background:#bbdacd;color:#14251e}
#kuku-white-world .kw-language-strip button:focus-visible{outline:2px solid #efbd73;outline-offset:1px}
#kuku-white-world .kw-toolbar-with-language{margin-right:0}
#kuku-white-world.kw-arriving #kw-language{display:none}
#kuku-white-world .kw-language-gate{position:absolute;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:#172327;box-sizing:border-box;color:#f8f3e4;font-family:system-ui,sans-serif}
#kuku-white-world .kw-language-gate__card{width:min(480px,100%);text-align:center}
#kuku-white-world .kw-language-gate__card p{margin:0 0 12px;color:#bcd0cb;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
#kuku-white-world .kw-language-gate__card h1{margin:0 0 24px;font:600 clamp(25px,6vw,39px)/1.12 Georgia,serif}
#kuku-white-world .kw-language-gate__choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#kuku-white-world .kw-language-gate__choices button{min-height:62px;border:1px solid #78928c;border-radius:10px;background:#25383b;color:#fff9e9;font:650 16px system-ui,sans-serif;box-shadow:none}
#kuku-white-world .kw-language-gate__choices button:hover,#kuku-white-world .kw-language-gate__choices button:focus-visible{background:#bbdacd;color:#14251e;outline:2px solid #efbd73;outline-offset:2px}

#kuku-white-world .kw-minimap{position:absolute;right:12px;top:72px;width:150px;height:108px;z-index:12;border:1px solid #e2ead34d;border-radius:12px;pointer-events:auto;touch-action:manipulation;box-shadow:0 2px 12px #0002}
#kuku-white-world .kw-minimap:focus-visible{outline:3px solid #f4df99;outline-offset:3px}
#kuku-white-world .kw-minimap[hidden]{display:none}
@media(max-height:500px){#kuku-white-world .kw-minimap{width:115px;height:83px;top:66px;right:10px}}
.kw-graffiti header{display:flex;justify-content:space-between;align-items:center}.kw-graffiti h2{margin:0}.kw-graffiti canvas{display:block;width:100%;max-height:48dvh;aspect-ratio:12/5;object-fit:contain;touch-action:none;border:1px solid #5d6967;border-radius:5px}.kw-graffiti [aria-pressed=true]{outline:3px solid #397f7b;outline-offset:2px}.kw-graffiti label{display:inline-flex;align-items:center;gap:8px}.kw-graffiti .kw-choice{gap:8px;margin:10px 0;flex-wrap:wrap}.kw-graffiti p{font-family:system-ui,sans-serif;line-height:1.45}.kw-graffiti details{padding:10px 0}.kw-graffiti input[type=checkbox]{width:auto}.kw-graffiti #kw-graffiti-mine{font-size:12px}@media(max-height:500px){.kw-graffiti canvas{max-height:40dvh}.kw-graffiti h2{font-size:20px}.kw-graffiti p{margin:6px 0}}
.kw-graffiti canvas{width:100%;height:auto;max-height:none;object-fit:fill}@media(max-height:500px){.kw-graffiti canvas{width:min(100%,96dvh);max-height:none}}
.kw-graffiti header button{display:none}

.kw-game-guide details{padding:14px 0;border-bottom:1px solid #ffffff25}.kw-game-guide summary{font-weight:600;cursor:pointer}.kw-game-guide small{font-weight:400;opacity:.75}

#kuku-white-world .kw-iphone-card{max-height:calc(100dvh - 24px);overflow:auto;text-align:left;max-width:490px}#kuku-white-world .kw-iphone-card .kw-iphone-copy,#kuku-white-world .kw-iphone-card .kw-iphone-note{font:15px/1.5 system-ui;letter-spacing:normal;text-transform:none;margin:14px 0;color:inherit}#kuku-white-world .kw-iphone-card ol{padding-left:24px;font:15px/1.5 system-ui}#kuku-white-world .kw-iphone-card li{margin:9px 0}#kuku-white-world .kw-iphone-card button{min-height:44px}

/* v0.80: keyboard-safe sheets and optional larger touch controls. */
#kuku-white-world .kw-travel80{position:absolute;z-index:15;right:max(12px,env(safe-area-inset-right));bottom:132px;min-width:90px;min-height:46px;padding:10px 14px;border:1px solid #668c7d;border-radius:12px;background:#213d35ed;color:#e3f6e9;font:600 14px system-ui;touch-action:manipulation}
#kuku-white-world .kw-travel80[hidden]{display:none}
#kuku-white-world.kw-hide-minimap .kw-minimap{display:none!important}
#kuku-white-world .kw-setting-check{display:flex;align-items:center;gap:12px;padding:12px 0;min-height:48px}
#kuku-white-world .kw-setting-check input{flex:0 0 auto;width:22px;height:22px;margin:0}
@media(pointer:coarse){
 #kuku-white-world .kw-modal-layer{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
 #kuku-white-world .kw-dialog-head{padding:12px 16px;gap:10px}
 #kuku-white-world .kw-dialog-head h2{font-size:22px}
 #kuku-white-world .kw-dialog-head :is(.kw-window-close,.kw-talk-close){min-width:44px;min-height:44px}
 #kuku-white-world .kw-dialog-body{padding:14px 16px 20px;scroll-padding:20px;-webkit-overflow-scrolling:touch}
 #kuku-white-world #kw-menu{max-height:calc(var(--kw-overlay-height,100dvh) - 80px);overflow:auto;overscroll-behavior:contain}
 #kuku-white-world .kw-modal :is(input,select,textarea),#kuku-white-world #kw-chat-input{font-size:16px}
 #kuku-white-world.kw-typing :is(#kw-stick,#kw-look-stick,.kw-travel80,#kw-action,.kw-energy,.kw-minimap){visibility:hidden!important}
 #kuku-white-world .kw-travel80{bottom:calc(var(--kw-chat-height,60px) + 82px)}
 #kuku-white-world.kw-large-controls :is(#kw-stick,#kw-look-stick){width:114px;height:114px}
 #kuku-white-world.kw-large-controls :is(#kw-stick,#kw-look-stick) span{left:36px;top:36px}
 #kuku-white-world.kw-large-controls.kw-firstperson #kw-action{bottom:calc(var(--kw-chat-height,60px) + 150px)}
 #kuku-white-world .kw-modal :is(button,summary){touch-action:manipulation}
}
@media(pointer:coarse) and (max-height:480px){#kuku-white-world .kw-dialog-head{padding:7px 14px}#kuku-white-world .kw-dialog-body{padding:10px 14px 16px}#kuku-white-world .kw-dialog-head .eyebrow{display:none}#kuku-white-world .kw-dialog-head h2{font-size:20px}}

#kuku-white-world.kw-dialog-open80 #kw-language{visibility:hidden;pointer-events:none}

/* The workshop keeps the canvas and a single tool row in view. */
#kuku-white-world .kw-graffiti81{max-width:960px;margin:auto}#kuku-white-world .kw-graffiti81 h2{margin-bottom:14px}#kuku-white-world .kw-graf-toolbar81{display:grid;grid-template-columns:minmax(145px,1fr) minmax(100px,1fr) auto;gap:14px;align-items:end}#kuku-white-world .kw-graf-toolbar81 label{display:grid;gap:5px;font-size:12px}#kuku-white-world .kw-graf-toolbar81 input{width:100%;min-height:44px}#kuku-white-world .kw-graf-toolbar81 select{min-height:44px}#kuku-white-world .kw-graf-history81{display:flex;gap:6px}#kuku-white-world .kw-graf-history81 button{width:44px;min-width:44px;font-size:24px;padding:4px}#kuku-white-world .kw-graffiti81 canvas{display:block;width:100%;height:auto;aspect-ratio:12/5;touch-action:none;border:1px solid #7c7766;border-radius:8px;margin:14px 0;background:#d8cbb2}#kuku-white-world .kw-graf-colors81{display:flex;gap:6px;flex-wrap:wrap}#kuku-white-world .kw-graf-colors81 button{background:var(--paint);width:44px;min-width:44px;height:44px;min-height:44px;border:2px solid #ffffff55;border-radius:50%;padding:0}#kuku-white-world .kw-graf-colors81 button[aria-pressed=true]{outline:3px solid #e0b870;outline-offset:2px}#kuku-white-world .kw-graffiti81 details{margin:14px 0}#kuku-white-world .kw-graffiti81 #kw-graffiti-status{font-size:12px;min-height:18px} @media(max-width:480px){#kuku-white-world .kw-graf-toolbar81{grid-template-columns:1fr 1fr;gap:8px}#kuku-white-world .kw-graf-history81{grid-column:2;grid-row:1;justify-self:end}#kuku-white-world .kw-graf-toolbar81>label:nth-child(2){grid-column:1/-1}#kuku-white-world .kw-graffiti81 canvas{min-height:190px;object-fit:fill}}

#kuku-white-world .kw-graf-colors81 button[aria-pressed=true]{background:var(--paint)!important}#kuku-white-world .kw-graffiti81 canvas{min-height:0!important;height:auto!important}#kuku-white-world .kw-graffiti81 select{width:100%}
@media(max-height:500px){#kuku-white-world .kw-graffiti81 canvas{height:clamp(110px,calc(100dvh - 235px),200px)!important;width:auto;max-width:100%;margin:8px auto}#kuku-white-world .kw-graf-colors81{flex-wrap:nowrap;overflow-x:auto;padding:4px;scrollbar-width:thin}#kuku-white-world .kw-graf-colors81 button{flex-shrink:0}#kuku-white-world .kw-graf-toolbar81{gap:8px}#kuku-white-world .kw-graf-toolbar81 label{gap:0}}