html{-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100%;overflow-x:hidden}body{max-width:100%;overflow-x:hidden}main{width:100%;box-sizing:border-box}main>*{min-width:0}.games-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card,.studio-panel,.care-layout>*{min-width:0}.studio-keys-scroll,.guitar-fret-scroll,.kalimba-tines{max-width:100%;min-width:0;overscroll-behavior-x:contain}.studio-keys-scroll .studio-key,.guitar-fret-scroll .fret-note,.kalimba-tines .kalimba-tine{touch-action:pan-x}.instrument-scroll-controls{display:flex;gap:12px;align-items:center;margin:12px 0}.instrument-scroll-controls label{flex:1;min-width:0;font-size:13px;color:var(--soft)}.instrument-scroll-controls input{display:block;width:100%;min-width:0;margin-top:8px;accent-color:var(--accent)}.instrument-scroll-controls button{flex:0 0 48px;font-size:24px}.studio-toolbar{flex-wrap:wrap}.studio-toolbar>*{min-width:0}.chat-background-locked{position:fixed;left:0;right:0;width:100%;overflow:hidden;overscroll-behavior:none}.chat-panel{overscroll-behavior:contain}.chat-messages{overscroll-behavior:contain;touch-action:pan-y}.care-mood-range{width:100%;accent-color:var(--accent);min-height:44px;margin:12px 0}.care-mood-labels{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--soft)}#care-mood-output{font-size:18px;color:var(--text);display:block;margin:10px 0}.saved-rooms{flex:1 0 100%;min-width:0;border-top:1px solid var(--stroke);padding-top:16px}.saved-rooms-list{display:flex;flex-wrap:wrap;gap:10px}.saved-rooms h3{font-size:16px}.saved-room-button{max-width:100%;white-space:normal}.saved-room-button[aria-current=true]{border-color:var(--accent);color:var(--accent)}@media(max-width:760px){.games-layout{grid-template-columns:minmax(0,1fr)}.topbar{width:100%;box-sizing:border-box}.header-actions{min-width:0;max-width:100%;flex-wrap:wrap}.studio-panel,.game-card{padding:16px}.studio-toolbar label{max-width:100%}.studio-toolbar select{max-width:100%}.chat-panel{height:min(740px,calc(100dvh - 100px));max-width:calc(100% - 24px)}.form-grid{grid-template-columns:minmax(0,1fr)}}
.table-games-layout{display:grid;gap:24px;margin:24px 0}.snakes-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));direction:ltr;width:min(100%,620px);margin:20px auto;border:2px solid var(--stroke-strong);border-radius:12px;overflow:hidden}.snakes-cell{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid var(--stroke);background:var(--surface-2);color:var(--soft);font-size:13px;flex-wrap:wrap}.snakes-cell:nth-child(2n){background:var(--surface)}.snakes-cell small{font-size:10px;display:block;width:100%;text-align:center}.snakes-cell.ladder{color:var(--mint)}.snakes-cell.snake{color:var(--accent)}.snakes-token{display:inline-grid;place-items:center;border-radius:50%;width:20px;height:20px;font-size:12px}.bg-checker.player-0,.snakes-token.player-0{background:#f5e8cc!important;color:#362a20!important}.bg-checker.player-1,.snakes-token.player-1{background:#654138!important;color:#fff4e1!important}.backgammon-scroll{max-width:100%;overflow-x:auto;direction:ltr;overscroll-behavior-x:contain;margin:20px 0}.backgammon-board{background:#7c5739;padding:12px;min-width:650px;max-width:900px;border:8px solid #533520;border-radius:14px;margin:auto;direction:ltr}.backgammon-half{display:grid;grid-template-columns:repeat(6,minmax(32px,1fr)) 18px repeat(6,minmax(32px,1fr));height:205px;gap:4px}.backgammon-half+div{transform:rotateX(180deg);margin-top:35px}.backgammon-half+div .backgammon-point>*{transform:rotateX(180deg)}.backgammon-point{position:relative;border:0;border-radius:0;background:#b9986a;min-width:0;padding:5px 2px;display:flex;align-items:center;flex-direction:column;gap:2px;color:#201b15;isolation:isolate}.backgammon-point:before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 95%);background:#5f3829;z-index:-1}.backgammon-point.alternate:before{background:#dbc596}.backgammon-point small{font-size:11px;background:#e9d8bd;border-radius:3px;min-width:20px}.backgammon-point:disabled{opacity:1;cursor:default}.backgammon-point.selected{outline:3px solid #f8b988;outline-offset:-3px}.backgammon-point.target{box-shadow:inset 0 0 0 3px #9adcaf}.bg-checker{display:block;width:28px;height:28px;border:1px solid #2f211b;border-radius:50%;box-shadow:0 2px 3px #0005;flex-shrink:0}.backgammon-point b{font-size:14px;background:#f7e8cc;border-radius:5px;padding:1px 6px}.backgammon-dice,.backgammon-actions{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.backgammon-dice button[aria-pressed=true]{border-color:var(--accent);background:var(--surface-3)}@media(max-width:500px){.snakes-cell{font-size:10px}.snakes-cell small{font-size:8px}.snakes-token{width:14px;height:14px;font-size:9px}.table-games-layout .game-card{padding:12px}.backgammon-board{min-width:650px}}

.kalimba-tines{justify-content:flex-start}.instrument-scroll-controls[hidden]{display:none}

.table-games-layout .game-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.table-games-layout .game-card-top h3{margin:0}

@media(min-width:1001px){.instrument-scroll-controls{grid-column:2;grid-row:4}#studio-guitar,#studio-kalimba{grid-row:5}}

.snakes-board{position:relative;isolation:isolate;background:var(--surface);overflow:hidden}.snakes-cell{align-items:flex-start;justify-content:flex-start;padding:3px}.snakes-cell>span{position:relative;z-index:2;font-size:11px;background:var(--surface);border-radius:3px;padding:0 2px}.snakes-paths{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.ladder-line{stroke:#d8b77c;stroke-width:.65;fill:none;stroke-linecap:round;opacity:.75}.snake-line{stroke:#ba786f;stroke-width:2.1;fill:none;stroke-linecap:round;opacity:.7}.snake-head{fill:#d39785}.snakes-board .snakes-token{position:absolute;z-index:5;transform:translate(-50%,-50%);border:2px solid var(--stroke-strong);box-shadow:0 3px 8px #0008;pointer-events:none}.snakes-token.player-0{margin-left:-4px}.snakes-token.player-1{margin-left:4px}#snakes-roll{min-width:160px;font-size:18px}.backgammon-holding{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.backgammon-tray{padding:12px;border:1px solid var(--stroke-strong);border-radius:12px;background:var(--surface-2)}.backgammon-tray strong{font-size:12px}.backgammon-tray-checkers{display:flex;gap:3px;flex-wrap:wrap;min-height:30px;margin-top:10px}.backgammon-tray-checkers .bg-checker{width:22px;height:22px}.backgammon-tray-checkers small{color:var(--soft)}.conversation-replies{border-top:1px solid var(--stroke);padding-top:16px;margin-top:20px}.conversation-replies h3{font-size:16px}#conversation-log{max-height:180px;overflow:auto;overscroll-behavior:contain}#conversation-log p{background:var(--surface-2);border-radius:10px;padding:10px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.conversation-replies textarea{font-size:14px}.care-cycle-meter{display:flex;gap:18px;align-items:center;margin:20px 0;padding:18px;background:var(--surface-2);border-radius:14px}.care-cycle-meter[hidden]{display:none}.care-cycle-meter>div:last-child{flex:1;min-width:0}.care-cycle-meter h3{font-size:15px;margin:0}.care-cycle-meter p{font-size:12px;line-height:1.8;color:var(--soft)}.care-cycle-ring{width:100px;height:100px;flex-shrink:0;border-radius:50%;background:conic-gradient(from -90deg,#e99d99 calc(var(--remaining,1)*360deg),var(--stroke) 0);display:grid;place-items:center;position:relative}.care-cycle-ring:before{content:'';position:absolute;inset:10px;border-radius:50%;background:var(--surface-2)}.care-cycle-ring strong{position:relative;font-size:15px}.care-cycle-track{height:9px;overflow:hidden;background:var(--stroke);border-radius:20px;direction:ltr}.care-cycle-track i{display:block;width:calc(var(--remaining,1)*100%);height:100%;background:linear-gradient(90deg,#bf7590,#efa48d);border-radius:inherit;transition:width .6s}.care-predicted{background:repeating-linear-gradient(135deg,#cb899622 0 5px,#cb89964a 5px 10px)!important;border:1px dashed #d89aa7!important}#care-cycle-form{border-top:1px solid var(--stroke);padding-top:16px;margin-top:16px}#care-cycle-form input{max-width:150px}.care-notification-settings{margin-top:20px}.care-notification-settings button,.care-notification-settings a{display:block;margin:12px 0;max-width:100%}.care-notification-settings p{font-size:12px;line-height:2;color:var(--soft)}@media(max-width:500px){.care-cycle-meter{padding:12px;gap:12px}.care-cycle-ring{width:76px;height:76px}.care-cycle-ring strong{font-size:12px}.snakes-cell{padding:1px}.snakes-cell>span{font-size:9px}.backgammon-holding{gap:8px}.backgammon-tray{padding:8px}}