:root{color:#18313c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-text:#18313c;--ink:#18313c;--ink-soft:#18313ccc;--panel-text:#f7f1e4;--line:#18313c1f;--accent-strong:#f3a142;--accent-soft:#ffd39a;--shadow:0 22px 50px #35270f1f;--heading:Georgia, "Times New Roman", serif;background:radial-gradient(circle at 0 0,#f7cb754d,#0000 30%),linear-gradient(#f1d8a3 0%,#d7e6ef 45%,#87afc1 100%);font-family:Trebuchet MS,Gill Sans,Avenir Next,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;color:var(--page-text);margin:0}button{cursor:pointer;border:0}p{margin:0}#root{min-height:100svh}.game-shell{box-sizing:border-box;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:18px;min-height:100svh;padding:18px;display:grid}.sidebar,.board,.panel,.sound-tile,.ghost-button{border:1px solid var(--line);box-shadow:var(--shadow)}.sidebar{color:var(--panel-text);background:radial-gradient(circle at top,#f3a1423d,#0000 35%),linear-gradient(#103346f5,#0a1a25fa);border-radius:30px;flex-direction:column;gap:12px;padding:18px;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.76rem;font-weight:700}.sidebar h1,.board h2,.panel h2{font-family:var(--heading);color:inherit;margin:0}.sidebar h1{font-size:clamp(2rem,4vw,3.2rem);line-height:.98}.intro{color:#f4eee0c7;margin:0;font-size:.95rem}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border-radius:24px;padding:14px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.panel-heading span{color:var(--accent-soft);font-weight:700}.panel-note{color:#f4eee0b8;margin:10px 0 0;font-size:.82rem;line-height:1.35}.level-list{gap:8px;display:grid}.language-list,.voice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.level-panel,.voice-panel{grid-column:1/-1}.level-button{width:100%;color:inherit;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;justify-content:flex-start;align-items:flex-start;gap:8px;padding:10px 12px;transition:transform .18s,border-color .18s,background .18s;display:flex}.level-button span{color:#f4eee09e;text-align:left;flex:auto;max-width:13rem;font-size:.82rem}.level-button:hover,.level-button:focus-visible,.level-button.selected{background:#f3a1421f;border-color:#f3a14280;outline:none;transform:translate(4px)}.level-button.disabled,.level-button:disabled{cursor:not-allowed;color:#f4eee073;opacity:.55;background:#ffffff04;border-color:#ffffff0d;transform:none}.level-button.disabled:hover,.level-button.disabled:focus-visible,.level-button:disabled:hover,.level-button:disabled:focus-visible{background:#ffffff04;border-color:#ffffff0d;outline:none;transform:none}.board{color:var(--ink);background:radial-gradient(circle at 100% 0,#3280a333,#0000 28%),linear-gradient(#f8f1e2f5,#f6ecd6eb);border-radius:36px;flex-direction:column;gap:18px;padding:24px;display:flex}.board-switched{animation:.9s boardSwitch}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.ghost-button{color:var(--ink);font:inherit;background:radial-gradient(circle at 18% 18%,#ffffffeb,#0000 18%),linear-gradient(#ffffffe0,#ece2cdf0);border:1px solid #ffffffbf;border-radius:999px;padding:13px 20px;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s;box-shadow:0 14px 24px #4a3a1a1f,inset 0 1px #ffffffb8}.ghost-button:hover,.ghost-button:focus-visible{background:radial-gradient(circle at 18% 18%,#fffffffa,#0000 18%),linear-gradient(#fffffff5,#f2e7d0fa);border-color:#f3a14285;outline:none;transform:translateY(-1px);box-shadow:0 16px 24px #4a3a1a24,0 0 0 3px #f3a14229,inset 0 1px #ffffffc7}.ghost-button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:0 10px 18px #4a3a1a14,inset 0 1px #fff9}.status-bar{color:var(--ink-soft);background:#ffffff80;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:12px;padding:15px 18px;display:flex}.round-banner-slot{justify-content:center;align-items:center;min-height:42px;display:flex}.round-banner{color:var(--panel-text);letter-spacing:.04em;text-transform:uppercase;opacity:0;pointer-events:none;background:#0e4864eb;border-radius:999px;align-self:center;padding:10px 16px;font-size:.92rem;font-weight:700;transition:opacity .18s,transform .18s;transform:translateY(-6px)scale(.98)}.round-banner.visible{opacity:1;transform:translateY(0)scale(1)}.tile-grid{grid-template-rows:repeat(2,minmax(120px,1fr));grid-auto-flow:column;align-items:stretch;gap:16px;display:grid}.sound-tile{min-height:120px;transform-style:preserve-3d;background:radial-gradient(circle at 22% 18%,#fffffff2,#0000 18%),radial-gradient(circle at 70% 24%,#f3a14242,#0000 28%),linear-gradient(#fffffffa,#efe1c4e6);border-radius:28px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.sound-tile:before,.sound-tile:after,.sound-tile .tile-front:before,.sound-tile .tile-front:after{content:"";position:absolute}.sound-tile:before{pointer-events:none;background:linear-gradient(#ffffff2e,#fff0);border:1px solid #fff9;border-radius:22px;inset:10px}.sound-tile:after{filter:blur(6px);opacity:.55;pointer-events:none;background:linear-gradient(#4a3a1a24,#4a3a1a00);border-radius:999px;height:18px;inset:auto 16px 12px}.sound-tile:hover,.sound-tile:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 22px 34px #34281229,0 0 0 3px #f3a1423d}.sound-tile:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.sound-tile.playing{outline:none;animation:.9s infinite pulse;transform:translateY(-4px)rotate(-1deg);box-shadow:0 26px 40px #3428122e,0 0 0 3px #f3a1423d}.sound-tile.recent{box-shadow:0 18px 28px #3428121f,0 0 0 2px #18313c29}.sound-tile.revealed{background:linear-gradient(#0e4864f2,#112d3dfa)}.tile-face{border-radius:inherit;backface-visibility:hidden;place-items:center;transition:transform .22s;display:grid;position:absolute;inset:0}.tile-front{transform:rotateY(0)}.tile-front:before{background:#0e486426;border-radius:999px;width:28px;height:28px;top:calc(50% - 14px);left:24px;box-shadow:0 0 0 10px #0e486408,inset 0 1px #ffffffa6}.tile-front:after{background:radial-gradient(circle at 35% 35%,#ffffff80,#0000 38%),#0e486414;border-radius:999px;width:48px;height:48px;top:calc(50% - 24px);right:22px}.tile-back{color:var(--panel-text);text-align:center;padding:16px;font-size:1.2rem;font-weight:700;line-height:1.1;transform:rotateY(180deg)}.sound-tile.revealed .tile-front{transform:rotateY(180deg)}.sound-tile.revealed .tile-back{transform:rotateY(360deg)}.tile-mark{text-align:center;color:#1c364466;letter-spacing:.28em;text-transform:uppercase;font-size:1.1rem;font-weight:700;position:absolute;inset:auto 0 20px}.answer-panel{color:var(--panel-text);background:linear-gradient(#0b645af0,#0a474dfa);border-radius:26px;padding:20px 22px}.answer-panel p:last-child{margin:10px 0 0;font-size:clamp(1.1rem,2vw,1.4rem)}@keyframes pulse{0%,to{transform:translateY(-4px)rotate(-1deg)scale(1)}50%{transform:translateY(-6px)rotate(0)scale(1.02)}}@keyframes boardSwitch{0%{box-shadow:0 0 0 0 #f3a1428c, var(--shadow);transform:scale(.995)}50%{box-shadow:0 0 0 8px #f3a1422e, var(--shadow);transform:scale(1)}to{box-shadow:0 0 0 0 #f3a14200, var(--shadow);transform:scale(1)}}@media (width<=980px){.game-shell{grid-template-columns:1fr}.toolbar{justify-content:flex-start}}@media (width<=720px){.game-shell{gap:14px;padding:14px}.sidebar,.board{border-radius:26px;padding:20px}.control-grid{grid-template-columns:1fr}.tile-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.language-list,.voice-list{grid-template-columns:1fr}.level-button{flex-direction:column;align-items:flex-start}}