/* Sculpted surfaces use gradients and edges, keeping the daylight interface clear. */
.language-option strong{justify-self:start}@media(max-width:900px){}.music-search{display:flex;align-items:center;gap:10px;border:1px solid #cedcc3;padding:0 14px;border-radius:13px;background:#fff}.music-search svg{width:19px;height:19px;color:#6d8c5d;flex-shrink:0}.music-search input{width:100%;min-width:0;min-height:51px;border:0;background:transparent;font:14px inherit;outline:0}.music-search:focus-within{outline:2px solid #8ca86c;outline-offset:2px}.playlist-row[hidden],#music-no-results[hidden]{display:none!important}
@media(max-width:900px){.music-search input{font-size:16px}}@media(max-width:360px){}
.voice-card .voice-control::before{content:none!important}.voice-card .voice-control{font-family:inherit!important;font-size:13px!important;font-weight:600!important}.voice-card .voice-control>*{position:relative;z-index:1}
.voice-card{display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:12px!important;padding:20px!important;align-items:start}.voice-card .voice-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(#f5faee,#dbeacd);border:1px solid #c4d8b5;border-bottom:4px solid #adc497}.voice-card h3{font-size:15px!important;margin:0 0 6px!important;line-height:1.7}.voice-card p{font-size:12px!important;line-height:1.9!important;margin:0}.voice-card .voice-control{grid-column:1/-1;width:100%!important;height:auto!important;min-height:52px!important;border:1px solid #b8cea6!important;border-bottom:5px solid #9ab785!important;border-radius:13px!important;background:linear-gradient(#f9fcf4,#e5efd9)!important;display:flex!important;align-items:center;justify-content:center;gap:10px;color:#315b3a;padding:12px!important;font:600 13px inherit}.voice-card .voice-control span{position:static!important;transform:none!important;background:transparent!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;box-shadow:none!important}.voice-card .voice-control svg{width:20px;height:20px}.voice-card .voice-control[aria-pressed=true]{background:linear-gradient(#438159,#24583b)!important;color:#fff;border-color:#1d4d34!important;border-bottom-color:#153c28!important}.voice-statuses{grid-column:1/-1;display:grid;gap:7px}.voice-statuses span{font-size:10px;color:#7c8d74;line-height:1.8;display:flex;align-items:center;gap:7px}.voice-statuses span::before{content:'';width:7px;height:7px;background:#b3bfa9;border-radius:50%;flex-shrink:0}.voice-statuses .mic-on{color:#35683d}.voice-statuses .mic-on::before{background:#568d41}.voice-live{border-color:#82ac6b!important}.voice-live .voice-icon{background:#d9edc7}.voice-enabled .voice-icon svg{color:#2d733e}.arena-microphone[aria-pressed=true]{background:linear-gradient(#3f7e54,#25583a)!important;color:white}.arena-extras{flex-wrap:wrap}.arena-extras .arena-microphone{flex:1 1 100%;order:3}.arena-extras .arena-microphone svg{width:18px;height:18px}#voice-listen{grid-column:1/-1}#voice-listen[hidden]{display:none!important}
.music-now{display:flex;align-items:center;gap:17px;padding:20px;border:1px solid #c6d7b8;border-bottom:5px solid #a9c397;border-radius:20px;background:linear-gradient(135deg,#e8f2df,#f8faef);min-width:0}.music-now>span:nth-child(2){display:grid;gap:7px;flex:1;min-width:0}.music-now small{font-size:11px;color:#64805a;text-transform:uppercase;letter-spacing:1px}.music-now strong{font-size:21px;line-height:1.5;overflow-wrap:anywhere;color:#204e35}.now-record{display:grid;place-items:center;flex-shrink:0;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle,#d8c18b 0 10%,#1b4f38 11% 22%,#3d7351 23% 26%,#19452f 27% 45%,#5e8a61 46% 49%,#214f35 50%);border:3px solid #7f9b6d;border-bottom:6px solid #173e29;color:#efddab}.now-record svg{width:27px;height:27px}.is-playing .now-record{animation:record-turn 9s linear infinite}.music-playlist{display:grid;gap:12px;padding:2px!important;margin:0!important;max-height:330px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a5bc91 #f2f6ea;list-style:none;overscroll-behavior:contain}.playlist-row{display:flex;align-items:center;gap:15px;padding:15px;margin:0!important;border:1px solid #dbe5d1;border-bottom:4px solid #d0ddc5;border-radius:17px;background:linear-gradient(130deg,#fff,#f3f7ec);color:#274f38}.playlist-row.track-current{border-color:#a5c08d;background:linear-gradient(120deg,#f0f7e8,#e3efd8)}.playlist-row.track-playing{border-color:#5b8950}.track-cover{display:grid;place-items:center;width:48px;height:50px;flex-shrink:0;border-radius:13px;border:1px solid #a7bf97;border-bottom:5px solid #779669;background:linear-gradient(145deg,#ddecce,#b8d09e);color:#315939;transform:rotate(-5deg)}.track-cover.cover-1{background:linear-gradient(145deg,#f5e6b7,#dac185);border-color:#c9ac69;border-bottom-color:#aa8a47;color:#7e6028;transform:rotate(4deg)}.track-cover.cover-2{background:linear-gradient(145deg,#dce9ed,#b3cdd0);border-color:#94b3b8;border-bottom-color:#6b9197;color:#436a73;transform:rotate(-3deg)}.track-cover svg{width:25px;height:25px}.track-meta{display:grid;gap:5px;flex:1;min-width:0}.playlist-title{font-size:16px;line-height:1.6;color:#254d36;overflow-wrap:anywhere}.track-meta small{font-size:11px;line-height:1.6;color:#7b8c6e}.track-play{display:grid;place-items:center;flex-shrink:0;width:46px;height:48px;min-height:44px;border:1px solid #205136;border-bottom:5px solid #123e29;border-radius:14px;background:linear-gradient(145deg,#48845b,#1f5639);color:#fff}.track-play svg{width:20px;height:20px;fill:currentColor}.track-play:hover{transform:translateY(-2px)}.track-play:active{transform:translateY(2px);border-bottom-width:2px}.music-bars{display:flex;gap:4px;align-items:center;height:28px}.music-bars b{display:block;width:4px;height:7px;border-radius:3px;background:#6c9a50}.is-playing .music-bars b{animation:music-meter .8s ease-in-out infinite alternate}.music-bars b:nth-child(2){animation-delay:-.3s}.music-bars b:nth-child(3){animation-delay:-.6s}.music-bars b:nth-child(4){animation-delay:-.2s}@keyframes record-turn{to{transform:rotate(360deg)}}@keyframes music-meter{to{height:26px}}.board .square.captured-in-chain .piece{opacity:.3}.board .square.captured-in-chain::before{content:'×';position:absolute;z-index:2;color:#a25238;font-size:25px;pointer-events:none}
@media(max-width:600px){.music-now{gap:12px;padding:16px}.music-now strong{font-size:18px}.now-record{width:49px;height:49px}.playlist-row{gap:10px;padding:12px}.playlist-title{font-size:14px}.track-cover{width:40px;height:44px}.track-play{width:43px;height:46px}.music-bars{gap:3px}.music-bars b{width:3px}.music-playlist{max-height:310px}}@media(prefers-reduced-motion:reduce){.is-playing .now-record,.is-playing .music-bars b{animation:none}}
.hero-table::after,.hero-table::before{content:none!important}.card-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 15px;border-radius:12px}
.wordmark .brand-logo{display:block;width:180px;height:48px;object-fit:contain}.brand-mark .brand-symbol{display:block;width:45px;height:48px}.language-trigger{width:48px;height:48px;min-width:48px;display:grid;place-items:center;border:1px solid #cfddc7;border-bottom:4px solid #b9cbae;border-radius:14px;background:linear-gradient(#fff,#edf4e6);color:#28573e}.language-trigger svg{width:23px;height:23px}.language-trigger:hover{background:#e6efdf}.language-trigger[aria-expanded=true]{border-color:#57825b;background:#e5efdf}.language-cards{display:grid;gap:13px;margin:24px 0 4px}.language-option{display:flex;align-items:center;gap:18px;min-height:90px;padding:18px 20px;border:1px solid #d7e2ce;border-bottom:4px solid #c8d7bb;border-radius:17px;background:linear-gradient(120deg,#fff,#f4f8ed);color:#254c36;text-decoration:none;transition:transform .15s,border-color .15s}.language-option:hover{border-color:#80a26d;transform:translateY(-2px)}.language-option[aria-current=page]{background:linear-gradient(120deg,#edf5e5,#e1edda);border-color:#80a26d}.language-flag{width:48px;height:35px;object-fit:cover;border-radius:7px;border:1px solid #ccd7c2;flex-shrink:0}.language-option>span{display:grid;gap:4px;flex:1;line-height:1.4}.language-option strong{font-size:20px;font-weight:700}.language-option small{font:500 11px 'DM Sans',sans-serif;letter-spacing:1px;color:#708368}.language-option .language-check{width:27px;height:27px;padding:4px;background:#2f6544;color:#fff;border-radius:50%;flex-shrink:0}.language-option:not([aria-current=page]) .language-check{visibility:hidden}#language-dialog>p{margin:0}#language-dialog .language-cards{direction:ltr}html[dir=rtl] #language-dialog .language-cards{direction:rtl}@media(max-width:600px){.wordmark .brand-logo{width:144px;height:43px}.language-trigger{width:44px;height:44px;min-width:44px;border-radius:12px}.language-option{min-height:82px;padding:16px;gap:14px}.language-option strong{font-size:18px}.language-flag{width:43px;height:31px}.language-option .language-check{width:24px;height:24px}}@media(max-width:360px){.wordmark .brand-logo{width:126px}.top-actions{gap:8px!important}}
.arcade-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 32px;padding:20px;border:1px solid #d7e2d2;border-radius:22px;background:linear-gradient(125deg,#fff,#f0f5e9)}
.arcade-toolbar button,.arena-extras button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px}
.score-pill{display:grid;grid-template-columns:1fr auto;gap:5px 24px;min-width:220px;color:#25543c}.score-pill>span,.score-pill>small{font-size:12px}.score-pill strong{font-size:20px;grid-row:1/3;grid-column:2;align-self:center}.score-pill progress{grid-column:1/3;width:100%;height:9px;border:0;border-radius:9px;overflow:hidden;accent-color:#38754d;background:#dce8d4}.score-pill progress::-webkit-progress-bar{background:#dce8d4}.score-pill progress::-webkit-progress-value{background:linear-gradient(90deg,#245b3e,#83ac58);border-radius:9px}.score-pill progress::-moz-progress-bar{background:#38754d}
.hero-table{display:grid!important;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#f7f8ea,#e4eddd)!important}.hero-arena-art{width:115%;height:100%;max-width:none;object-fit:contain;transform:translateY(-2%)}
.primary-button,.card-play,.music-upload{background:linear-gradient(160deg,#35704d,#194d34)!important;border:1px solid #17472f!important;border-bottom:5px solid #103c29!important;color:#fff!important;transition:transform .15s,border-width .15s;position:relative}.primary-button:hover,.card-play:hover{background:linear-gradient(160deg,#447f59,#20593b)!important;transform:translateY(-2px)}.primary-button:active,.card-play:active{transform:translateY(2px);border-bottom-width:2px!important}.secondary-button{background:linear-gradient(#fff,#eaf1e4)!important;border:1px solid #cbdcc1!important;border-bottom:4px solid #b9cbae!important;border-radius:13px;color:#244e34;padding:10px 18px}.secondary-button:active{transform:translateY(2px)}button:focus-visible,.music-upload:focus-within{outline:3px solid #c19b43;outline-offset:4px}
.board-border{border:5px solid #b99459!important;border-bottom-width:13px!important;border-radius:14px!important;background:linear-gradient(125deg,#edce8c,#ac7b3f)!important;padding:7px!important}.board .square{background:linear-gradient(135deg,#f4e8c7,#e1d0a6)!important}.board .square.dark-square{background:linear-gradient(135deg,#62856a,#3c654c)!important}.board .square.selected{outline:3px solid #edbd54;outline-offset:-3px}.board .square.last{background-image:linear-gradient(#d5ba5966,#d5ba5966)!important}.board .square.legal::after{z-index:2}.board .piece{position:relative;isolation:isolate;transform:translateY(-2px);transition:transform .18s}.board .piece.white:not(.chess-board .piece){background:radial-gradient(ellipse at 30% 20%,#fffef3 0,#eee1bf 48%,#c2a676 85%)!important;border:2px solid #f9e9be!important;border-bottom:6px solid #ae8d54!important}.board .piece.black:not(.chess-board .piece){background:radial-gradient(ellipse at 30% 20%,#6a9271 0,#28543d 45%,#153829 90%)!important;border:2px solid #719074!important;border-bottom:6px solid #0f2d20!important}.board:not(.chess-board):not(.tictactoe-board) .piece::before{content:'';position:absolute;inset:14%;border-radius:50%;border:1px solid #ffffff55;pointer-events:none}.board.tictactoe-board .piece{border:0!important;background:transparent!important;line-height:1;color:#224f38}.board.chess-board .piece{background:transparent!important;border:0!important;padding:0!important;width:90%;height:100%;border-radius:0!important}.board.chess-board .piece img{width:100%;height:100%;object-fit:contain}.board.chess-board .piece.black img{filter:brightness(.53) sepia(.65) saturate(1.3) hue-rotate(75deg)}
.board.connect4-board{background:linear-gradient(140deg,#3d7751,#164f36)!important;border:6px solid #22583c;border-bottom:10px solid #103e2b;border-radius:16px;padding:8px;gap:5px}.board.connect4-board .square{border-radius:50%;background:#e8eedc!important;border:2px solid #16452f}.mini-grid,.mini-connect,.mini-tic,.mini-gomoku{transform:perspective(800px) rotateX(20deg) rotateZ(-8deg);border-bottom:8px solid #9f8858!important;transition:transform .3s}.game-card:hover .mini-grid,.game-card:hover .mini-connect{transform:perspective(800px) rotateX(12deg) rotateZ(-4deg)}
.arena-extras{display:flex;gap:12px;justify-content:center;padding:15px 0 22px;border-top:1px solid #e2e9dc}.arena-extras button{font-size:12px;flex:1}.reaction-bar{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:15px 0}.reaction-bar button{display:grid;place-items:center;width:43px;height:46px;min-height:44px;font-size:26px;border:1px solid #d6e2ce;border-bottom:4px solid #bccdaf;background:linear-gradient(#fff,#eef4e7);border-radius:13px;transition:transform .18s}.reaction-bar button:hover:enabled{transform:translateY(-5px) rotate(-8deg)}.reaction-bar button:disabled{opacity:.45}.board-wrap{position:relative}#reaction-stage{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:15px}.live-reaction{position:absolute;top:45%;font-size:clamp(50px,9vw,85px);animation:reaction-pop 2.4s both}.reaction-self{inset-inline-start:12%}.reaction-opponent{inset-inline-end:12%}@keyframes reaction-pop{0%{opacity:0;transform:translateY(30px) scale(.3) rotate(-20deg)}20%,60%{opacity:1;transform:translateY(0) scale(1.15) rotate(10deg)}100%{opacity:0;transform:translateY(-95px) scale(.8) rotate(-10deg)}}
#ranking-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.ranking-row{display:flex;align-items:center;gap:12px;border:1px solid #dce5d5;padding:14px;border-radius:15px;background:linear-gradient(120deg,#fff,#f4f7ed);margin:0!important}.ranking-row:first-child{border-color:#d6b86e;background:linear-gradient(120deg,#fff9e9,#f5eed5)}.rank-number{font-size:17px;color:#648260;min-width:25px}.rank-face{width:48px;height:48px;flex-shrink:0}.rank-face img{width:100%;height:100%}.ranking-row>strong{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.rank-result{display:grid;gap:3px;text-align:end;flex-shrink:0}.rank-result b{font-size:14px}.rank-result small{font-size:11px;color:#62795f}.country-flag{display:inline-block;width:23px;height:17px;object-fit:cover;border-radius:3px;vertical-align:middle}.music-controls{display:grid;gap:20px;margin-top:24px}.music-controls select{width:100%;min-height:55px;padding:12px;border:1px solid #ccd9c3;border-radius:12px;background:#f7f9f1;font-size:16px;color:#244b35}.music-buttons{display:flex;gap:12px}.music-buttons button{flex:1}.volume-control{display:grid;gap:12px;font-size:14px}.volume-control input{width:100%;accent-color:#295e3f;min-height:35px}.music-upload{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;border-radius:12px;cursor:pointer;padding:12px;overflow:hidden}.music-upload input{position:absolute;width:100%;height:100%;opacity:0;inset:0;cursor:pointer}.sticker-choice{background:linear-gradient(#fff,#edf3e5)!important;border-bottom:4px solid #c3d4b4!important}.sticker-choice:hover img{transform:scale(1.18) rotate(-12deg)}.sticker-avatar{transition:transform .2s}.profile-chip img{animation:avatar-bob 3s ease-in-out infinite}@keyframes avatar-bob{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@media(max-width:900px){.arcade-toolbar{flex-wrap:wrap;padding:16px;gap:14px}.arcade-toolbar .score-pill{order:-1;width:100%;min-width:0}.arcade-toolbar>button{flex:1;font-size:12px;padding:10px}.hero-arena-art{width:110%}.arena-extras{gap:8px}.arena-extras button{padding:10px 7px}.reaction-bar{gap:5px}.reaction-bar button{width:36px;font-size:24px}.board-border{padding:4px!important;border-width:3px!important;border-bottom-width:9px!important}.ranking-row{gap:8px;padding:10px}.rank-face{width:35px;height:35px}.ranking-row>strong{font-size:12px}.rank-result b{font-size:12px}}
@media(max-width:360px){.reaction-bar button{width:31px;height:42px;font-size:22px}.arcade-toolbar>button{font-size:11px;gap:6px}.ranking-row{gap:5px}.rank-number{min-width:20px;font-size:14px}.rank-face{display:none}.music-buttons{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.live-reaction{animation:none;opacity:1}.profile-chip img{animation:none}.mini-grid,.mini-connect,.mini-tic,.mini-gomoku{transform:none}}

.arena-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;margin-bottom:20px;font-size:12px;color:#396342}.arena-progress progress{width:100%;height:8px;accent-color:#3b754c}.board.gomoku-board .square{background:#e4ce9c!important}.board.tictactoe-board .square{background:#f4f5e8!important;border-radius:12px}.board.reversi-board .square{background:linear-gradient(135deg,#699575,#436f51)!important}