.kw-jam-badge,.kw-atmosphere{position:absolute;right:18px;z-index:8;max-width:48%;padding:9px 12px;font:11px monospace;background:#292f28e8;color:#f5e8c9;border:1px solid #b6aa8c;cursor:pointer}.kw-jam-badge{bottom:150px}.kw-atmosphere{bottom:82px}.kw-jam-clock{font:700 28px monospace;color:#d57448;padding:12px 0}.kw-jam-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kw-jam-pads button{min-height:74px;background:#374a40;color:#fff2d0;touch-action:manipulation}.kw-jam-pads kbd{display:block;margin-bottom:6px;opacity:.6}.kw-sequencer-scroll{overflow:auto;padding:12px 0}.kw-sequencer{display:grid;grid-template-columns:90px repeat(16,minmax(26px,1fr));gap:3px;min-width:570px;align-items:center}.kw-sequencer span{font-size:11px}.kw-sequencer button{padding:0!important;min-height:28px!important;height:28px;font:10px monospace!important;background:#e7dfcb!important;color:#665e4b!important}.kw-sequencer button[aria-pressed=true]{background:#63836b!important;color:#fff5cd!important}.kw-sequencer button.now{box-shadow:inset 0 0 0 2px #e7924d}.kw-game-board{display:grid;gap:7px;max-width:420px;margin:20px auto}.kw-game-board.three{grid-template-columns:repeat(3,1fr)}.kw-game-board.four{grid-template-columns:repeat(7,1fr);gap:5px;background:#536b76;padding:12px}.kw-game-board.pairs{grid-template-columns:repeat(4,1fr)}.kw-game-board button{padding:0!important;aspect-ratio:1;min-height:35px!important;font:30px monospace!important;background:#f5e7bc;touch-action:manipulation}.kw-game-board button.one{color:#af4d38}.kw-game-board button.two{color:#2c5a64}.kw-game-board button:disabled{opacity:.9}.kw-game-board .matched{background:#bed0a1}.kw-table-status{min-height:42px;padding:12px;background:#e5ddc7;font-weight:bold}.kw-table-players{font:14px monospace}.kw-soup-menu,.kw-civic-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kw-soup-menu button{display:flex;flex-direction:column;gap:10px;text-align:left!important}.kw-soup-icon{font-size:50px;color:var(--soup)}.kw-civic-projects article{padding:16px;background:#eee4cd;border:1px solid #c2b89d}.kw-civic-projects h3{margin-top:0}.kw-pass{display:flex;gap:8px;flex-wrap:wrap}.kw-pass span{padding:10px;border:1px dashed #a79d88;color:#797263}.kw-pass .visited{color:#3c5949;border-style:solid;background:#dce5cc}.kw-events-list{display:grid;gap:12px;max-height:48vh;overflow:auto;padding:4px}.kw-events-list article{padding:14px 18px;background:#e9dfc7;border-left:4px solid #cf774c}.kw-events-list a{color:#2b5148;text-decoration:underline}.kw-events-list h3{margin:4px 0}.kw-events-date{font:16px monospace;color:#59674c}.kw-places-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
@media(max-width:650px){.kw-jam-badge,.kw-atmosphere{right:12px;font-size:10px;max-width:60%}.kw-jam-badge{bottom:156px}.kw-soup-menu,.kw-civic-projects{grid-template-columns:1fr}.kw-soup-menu button{display:grid;grid-template-columns:50px 1fr}.kw-soup-menu small{grid-column:2}.kw-soup-icon{grid-row:1/3}.kw-game-board.four{gap:3px;padding:7px}.kw-game-board button{font-size:23px!important}.kw-jam-pads{gap:4px}.kw-jam-pads button{padding:6px!important;font-size:11px!important}}

.kuku-white-world .kw-jam-badge{bottom:190px}.kw-jam-badge[hidden],.kw-atmosphere[hidden]{display:none}
@media(max-width:650px){.kuku-white-world .kw-jam-badge{bottom:182px}}
.kuku-white-world .kw-atmosphere{bottom:146px}
@media(max-width:650px){.kuku-white-world .kw-atmosphere{bottom:138px}}
.kuku-white-world .kw-game-board button{font:700 30px monospace!important}
@media(max-width:650px){.kuku-white-world .kw-game-board button{font-size:24px!important}}

[data-jam-bank][aria-pressed="true"]{background:#556c53;color:#fff7df;border-color:#34472f;}

[data-civic-tab][aria-pressed="true"]{background:#556c53;color:#fff7df;}#kw-book-title{display:block;width:min(100%,28rem);box-sizing:border-box;padding:10px;margin:8px 0 12px;font:inherit;background:#fff8e3;border:1px solid #8b8068;}

[data-personal-topic][aria-pressed="true"]{background:#556c53;color:#fff7df;}

/* v0.56: the performance is the main view; editing and rules are optional. */
.kuku-white-world .kw-modal.kw-jam-menu{max-width:760px}
.kuku-white-world .kw-modal.kw-table-menu{max-width:620px}
.kw-jam-menu h2,.kw-table-menu h2{margin-bottom:10px!important}
.kw-jam-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.kw-jam-heading .kw-jam-clock{padding:3px 0;font-size:21px}
.kw-jam-heading button{font-size:12px!important;min-height:40px!important}
.kw-jam-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 10px}
.kuku-white-world .kw-jam-presets button{display:flex;justify-content:space-between;align-items:center;gap:4px;background:#3e594b;color:#fff5da;border:1px solid #304d3e;min-height:48px;padding:12px!important;font-size:14px!important}
.kw-jam-presets span{opacity:.65;font-size:10px}
.kw-jam-menu .kw-jam-pads button.pressed{background:#bd753f;transform:translateY(2px)}
.kw-jam-menu #kw-jam-feedback{font-size:12px;min-height:34px;margin:8px 0}
.kw-jam-menu .kw-jam-main{display:flex;justify-content:space-between;margin-top:14px}
.kw-jam-menu .kw-jam-pads button{min-height:65px}
.kw-jam-menu .kw-jam-mix{border:0;padding:10px 0}
.kw-jam-mix label{display:inline-flex!important;align-items:center;gap:6px;margin-right:18px}
.kw-jam-mix input{width:20px;height:20px}
.kw-jam-editor .kw-sequencer-scroll{overscroll-behavior:contain}
.kw-jam-volume{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.kw-jam-volume input{max-width:220px;min-height:40px}
.kw-jam-menu [hidden],.kw-table-menu [hidden]{display:none!important}
.kw-table-menu .kw-table-status{font-size:14px;min-height:0;border-left:3px solid #b5ac91;padding:12px}
.kw-table-menu .kw-table-status.your-turn{background:#dce7cc;border-color:#50744d}
.kw-table-menu .kw-table-players{font-size:13px;margin:0 0 12px}
.kw-table-menu .kw-game-board{margin:14px auto}
.kw-table-menu .kw-table-actions{display:flex;flex-wrap:wrap;gap:8px}
.kw-table-menu .kw-table-leave{background:transparent;font-size:12px!important;margin-top:8px}
.kw-table-spectator{font-size:12px}
.kw-piano-chords{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0 8px;touch-action:none}
.kuku-white-world .kw-piano-chords button{min-height:48px;background:#d8d9c0;border:2px solid transparent;color:#283e32}
.kuku-white-world .kw-piano-chords button.suggested{border-color:#aa7133;background:#efe0b5}
.kuku-white-world .kw-piano-chords button.pressed{background:#4f725b;color:#fff6dc}
#kw-piano-enable[hidden]{display:none!important}
@media(max-width:480px){.kuku-white-world .kw-jam-presets button{padding:9px!important;font-size:12px!important}.kw-jam-menu .kw-jam-main button{font-size:11px!important;padding:10px!important}.kw-table-menu .kw-game-board.four{gap:3px}.kw-table-menu .kw-game-board.four button{min-height:30px!important}}

/* Primary playback stays visible; the editor and examples are optional. */
.kw-jam-main #kw-jam-own{background:#355e50;color:#fff;border-color:#355e50;flex:1}.kw-jam-main{gap:10px;flex-wrap:wrap}.kw-jam-main button{min-height:48px}.kw-jam-menu .kw-jam-presets{margin-top:10px}