:root{--bamboo-light: #d4b896;--bamboo-mid: #b89b78;--bamboo-dark: #8b7355;--bamboo-shadow: #5c4a3a;--lcd-bg: #ece3cd;--lcd-dark: #e3d7ba;--lcd-text: #2a3a1a;--lcd-highlight: #6a8a5a;--stone-light: #e8e0d0;--stone-mid: #d0c8b8;--stone-dark: #b8b0a0;--washi: #5e6c47;--washi-dark: #485536;--ink: #1a1714;--ink-wash: #6b6560;--vermillion: #c73e1d;--font-display: "Shippori Mincho", serif;--font-body: "Zen Kaku Gothic New", sans-serif;--lcd-highlight-end: #5a7a4a;--accent-r: 126;--accent-g: 156;--accent-b: 92;--wheel-glow: rgba(106, 138, 90, .3);--accent-fill: #6a8a5a;--accent-fill-light: #8aaa7a;--accent-fill-bright: rgba(160, 200, 140, .9);--volume-bg: rgba(42, 58, 26, .95);--volume-bg-end: rgba(32, 48, 20, .95);--volume-text: #c8d4a8;--accent-bright: #7e9c5c;--wheel-ring-light: #4b2818;--wheel-ring-mid: #2f170d;--wheel-ring-dark: #160905;--wheel-button-text: #9fbd77;--wheel-button-hover: #d9efbf;--wheel-center-light: #8aaa7a;--wheel-center-mid: #6a8a5a;--wheel-center-dark: #4d6e3f;--wheel-center-text: #1f3518;--theme-background: url(/Backgrounds/bamboo-background.webp);--theme-background-position: center center;--theme-background-shade: linear-gradient(180deg, rgba(84, 105, 61, .1), rgba(32, 52, 24, .18));--theme-vignette: rgba(23, 39, 17, .22);--theme-vignette-soft: rgba(107, 126, 77, .14);--chess-bg: #26321f;--chess-panel: #d8e2bd;--chess-panel-text: #213317;--chess-muted: #7f9363;--chess-board-light: #d9caa0;--chess-board-dark: #73925a;--chess-board-border: #314526;--bj-bg: #38552f;--bj-bg-end: #20381f;--bj-panel: #d8e2bd;--bj-panel-text: #213317;--bj-muted: #7f9363;--bj-felt-line: rgba(216, 226, 189, .24);--gems-bg: #2d4126;--gems-bg-end: #142611;--gems-panel: #d8e2bd;--gems-panel-text: #213317;--gems-muted: #7f9363;--gems-board: #20351b;--gems-cell-a: rgba(216, 226, 189, .1);--gems-cell-b: rgba(216, 226, 189, .18);--gems-grid-line: rgba(216, 226, 189, .18);--brick-bg: #26321f;--brick-bg-end: #111d0e;--brick-panel: #d8e2bd;--brick-panel-text: #213317;--brick-muted: #7f9363;--brick-grid-line: rgba(216, 226, 189, .16);--brick-paddle-light: #b5cf8b;--brick-paddle-mid: #7e9c5c;--brick-paddle-dark: #3f5c34;--brick-ball: #f3ffe8;--brick-ball-glow: #9fbd77;--brick-row-1: #c85a38;--brick-row-2: #c98636;--brick-row-3: #c5a84a;--brick-row-4: #7fa05a;--quiz-bg: #26321f;--quiz-bg-end: #172515;--quiz-panel: #d8e2bd;--quiz-panel-text: #213317;--quiz-muted: #7f9363;--quiz-choice-bg: rgba(237, 243, 216, .86);--quiz-choice-border: rgba(126, 156, 92, .32)}:root[data-theme=moon]{--bamboo-light: #3a3a38;--bamboo-mid: #2c2c2a;--bamboo-dark: #1e1e1c;--bamboo-shadow: #121210;--lcd-bg: #1a1a18;--lcd-dark: #141412;--lcd-text: #e0e0d8;--lcd-highlight: #8a6ab8;--lcd-highlight-end: #74539e;--stone-light: #484848;--stone-mid: #383838;--stone-dark: #282828;--washi: #0e0e0e;--washi-dark: #080808;--ink: #e0e0d8;--ink-wash: #9a9a90;--vermillion: #c73e1d;--wheel-glow: rgba(138, 106, 184, .35);--accent-r: 138;--accent-g: 106;--accent-b: 184;--accent-fill: #8a6ab8;--accent-fill-light: #a98ad0;--accent-fill-bright: rgba(196, 168, 234, .9);--volume-bg: rgba(42, 32, 58, .95);--volume-bg-end: rgba(32, 24, 46, .95);--volume-text: #d8c8f0;--accent-bright: #b794e8;--wheel-ring-light: #242424;--wheel-ring-mid: #101010;--wheel-ring-dark: #030303;--wheel-button-text: #b794e8;--wheel-button-hover: #e2d0ff;--wheel-center-light: #a98ad0;--wheel-center-mid: #8a6ab8;--wheel-center-dark: #5f4384;--wheel-center-text: #201328;--theme-background: url(/Backgrounds/dark-background.webp);--theme-background-position: center center;--theme-background-shade: linear-gradient(180deg, rgba(4, 4, 5, .02), rgba(0, 0, 0, .16));--theme-vignette: rgba(0, 0, 0, .34);--theme-vignette-soft: rgba(52, 43, 67, .16);--chess-bg: #101012;--chess-panel: #24222b;--chess-panel-text: #ede8ff;--chess-muted: #9e93b7;--chess-board-light: #716b78;--chess-board-dark: #312d36;--chess-board-border: #0a090d;--bj-bg: #15131b;--bj-bg-end: #08070b;--bj-panel: #24222b;--bj-panel-text: #ede8ff;--bj-muted: #9e93b7;--bj-felt-line: rgba(183, 148, 232, .2);--gems-bg: #17131f;--gems-bg-end: #08070b;--gems-panel: #24222b;--gems-panel-text: #ede8ff;--gems-muted: #9e93b7;--gems-board: #111017;--gems-cell-a: rgba(237, 232, 255, .06);--gems-cell-b: rgba(183, 148, 232, .14);--gems-grid-line: rgba(183, 148, 232, .2);--brick-bg: #111017;--brick-bg-end: #07060a;--brick-panel: #24222b;--brick-panel-text: #ede8ff;--brick-muted: #9e93b7;--brick-grid-line: rgba(183, 148, 232, .18);--brick-paddle-light: #c8a6f0;--brick-paddle-mid: #8a6ab8;--brick-paddle-dark: #4c356d;--brick-ball: #f4edff;--brick-ball-glow: #b794e8;--brick-row-1: #2c1f46;--brick-row-2: #a98ad0;--brick-row-3: #f2d36b;--brick-row-4: #d8dde6;--quiz-bg: #111017;--quiz-bg-end: #07060a;--quiz-panel: #24222b;--quiz-panel-text: #ede8ff;--quiz-muted: #9e93b7;--quiz-choice-bg: rgba(36, 34, 43, .92);--quiz-choice-border: rgba(183, 148, 232, .32)}:root[data-theme=sun]{--bamboo-light: #e8ddd0;--bamboo-mid: #d4c8b8;--bamboo-dark: #c0b4a4;--bamboo-shadow: #a09488;--lcd-bg: #f5f5f0;--lcd-dark: #e8e8e0;--lcd-text: #2a2a2a;--lcd-highlight: #e07a3a;--lcd-highlight-end: #cc6428;--stone-light: #f0ece4;--stone-mid: #e0dcd4;--stone-dark: #d0ccc4;--washi: #faf8f4;--washi-dark: #f0ece4;--ink: #2a2a2a;--ink-wash: #6a6a6a;--vermillion: #c73e1d;--wheel-glow: rgba(224, 122, 58, .35);--accent-r: 224;--accent-g: 122;--accent-b: 58;--accent-fill: #e07a3a;--accent-fill-light: #f09a5a;--accent-fill-bright: rgba(255, 186, 130, .9);--volume-bg: rgba(72, 42, 18, .95);--volume-bg-end: rgba(58, 34, 14, .95);--volume-text: #f5d6b8;--accent-bright: #f5934e;--wheel-ring-light: #f1f1ec;--wheel-ring-mid: #e2e2dc;--wheel-ring-dark: #cfcfca;--wheel-button-text: #9f4818;--wheel-button-hover: #5a2b12;--wheel-center-light: #f09a5a;--wheel-center-mid: #e07a3a;--wheel-center-dark: #b94f1f;--wheel-center-text: #3d210d;--theme-background: url(/Backgrounds/light-background.webp);--theme-background-position: center center;--theme-background-shade: linear-gradient(180deg, rgba(255, 245, 222, .08), rgba(218, 174, 119, .14));--theme-vignette: rgba(123, 83, 45, .18);--theme-vignette-soft: rgba(224, 136, 72, .12);--chess-bg: #ece8dd;--chess-panel: #fff5df;--chess-panel-text: #3e2b1d;--chess-muted: #a66a3a;--chess-board-light: #f2dfbd;--chess-board-dark: #c89c66;--chess-board-border: #a85f2a;--bj-bg: #c98f52;--bj-bg-end: #7a512e;--bj-panel: #fff5df;--bj-panel-text: #3e2b1d;--bj-muted: #a66a3a;--bj-felt-line: rgba(255, 245, 223, .24);--gems-bg: #c98f52;--gems-bg-end: #7a512e;--gems-panel: #fff5df;--gems-panel-text: #3e2b1d;--gems-muted: #a66a3a;--gems-board: #9f693d;--gems-cell-a: rgba(255, 245, 223, .14);--gems-cell-b: rgba(255, 245, 223, .24);--gems-grid-line: rgba(255, 245, 223, .24);--brick-bg: #c98f52;--brick-bg-end: #7a512e;--brick-panel: #fff5df;--brick-panel-text: #3e2b1d;--brick-muted: #a66a3a;--brick-grid-line: rgba(255, 245, 223, .22);--brick-paddle-light: #ffd19b;--brick-paddle-mid: #e07a3a;--brick-paddle-dark: #9f4818;--brick-ball: #fff8df;--brick-ball-glow: #f5934e;--brick-row-1: #d4543a;--brick-row-2: #e07a3a;--brick-row-3: #f0b35a;--brick-row-4: #d9c477;--quiz-bg: #c98f52;--quiz-bg-end: #7a512e;--quiz-panel: #fff5df;--quiz-panel-text: #3e2b1d;--quiz-muted: #a66a3a;--quiz-choice-bg: rgba(255, 245, 223, .9);--quiz-choice-border: rgba(224, 122, 58, .34)}:root[data-theme=waves]{--bamboo-light: #344a6a;--bamboo-mid: #283c58;--bamboo-dark: #1e3048;--bamboo-shadow: #142438;--lcd-bg: #162440;--lcd-dark: #102038;--lcd-text: #c8ddf0;--lcd-highlight: #38a8f0;--lcd-highlight-end: #2888cc;--stone-light: #3a5070;--stone-mid: #2e4260;--stone-dark: #223450;--washi: #0e1828;--washi-dark: #0a1420;--ink: #c8ddf0;--ink-wash: #8aa8c8;--vermillion: #ff6a3a;--wheel-glow: rgba(56, 168, 240, .4);--accent-r: 56;--accent-g: 168;--accent-b: 240;--accent-fill: #38a8f0;--accent-fill-light: #60c0ff;--accent-fill-bright: rgba(100, 200, 255, .9);--volume-bg: rgba(20, 36, 56, .95);--volume-bg-end: rgba(14, 28, 48, .95);--volume-text: #a0c8e8;--accent-bright: #5ec1ff;--wheel-ring-light: #162440;--wheel-ring-mid: #102038;--wheel-ring-dark: #07101f;--wheel-button-text: #5ec1ff;--wheel-button-hover: #b5e6ff;--wheel-center-light: #60c0ff;--wheel-center-mid: #38a8f0;--wheel-center-dark: #1f6f9d;--wheel-center-text: #061d2e;--theme-background: url(/Backgrounds/midnight-waves-background.webp);--theme-background-position: center center;--theme-background-shade: linear-gradient(180deg, rgba(8, 18, 32, .02), rgba(4, 12, 22, .16));--theme-vignette: rgba(2, 8, 18, .36);--theme-vignette-soft: rgba(37, 92, 140, .16);--chess-bg: #071424;--chess-panel: #102542;--chess-panel-text: #d8edff;--chess-muted: #7fb6de;--chess-board-light: #98b8d8;--chess-board-dark: #1b5f8a;--chess-board-border: #051020;--bj-bg: #0e3558;--bj-bg-end: #061627;--bj-panel: #102542;--bj-panel-text: #d8edff;--bj-muted: #7fb6de;--bj-felt-line: rgba(94, 193, 255, .22);--gems-bg: #0e3558;--gems-bg-end: #061627;--gems-panel: #102542;--gems-panel-text: #d8edff;--gems-muted: #7fb6de;--gems-board: #08213b;--gems-cell-a: rgba(216, 237, 255, .08);--gems-cell-b: rgba(94, 193, 255, .14);--gems-grid-line: rgba(94, 193, 255, .22);--brick-bg: #071424;--brick-bg-end: #03101d;--brick-panel: #102542;--brick-panel-text: #d8edff;--brick-muted: #7fb6de;--brick-grid-line: rgba(94, 193, 255, .18);--brick-paddle-light: #9bdcff;--brick-paddle-mid: #38a8f0;--brick-paddle-dark: #145b8f;--brick-ball: #e2f6ff;--brick-ball-glow: #5ec1ff;--brick-row-1: #0b3d78;--brick-row-2: #7c6fd6;--brick-row-3: #77d7ff;--brick-row-4: #f4fbff;--quiz-bg: #071424;--quiz-bg-end: #03101d;--quiz-panel: #102542;--quiz-panel-text: #d8edff;--quiz-muted: #7fb6de;--quiz-choice-bg: rgba(16, 37, 66, .92);--quiz-choice-border: rgba(94, 193, 255, .34)}:root[data-theme=storm]{--bamboo-light: #b9c0c2;--bamboo-mid: #9aa3a7;--bamboo-dark: #717c82;--bamboo-shadow: #4f5a60;--lcd-bg: #e7ece9;--lcd-dark: #cbd3d2;--lcd-text: #242a2d;--lcd-highlight: #c69500;--lcd-highlight-end: #9f7400;--stone-light: #c9ced0;--stone-mid: #9fa8ac;--stone-dark: #727c82;--washi: #d4dad9;--washi-dark: #b8c1c2;--ink: #242a2d;--ink-wash: #687378;--vermillion: #d0a400;--wheel-glow: rgba(208, 164, 0, .38);--accent-r: 208;--accent-g: 164;--accent-b: 0;--accent-fill: #c69500;--accent-fill-light: #f0c330;--accent-fill-bright: rgba(255, 219, 85, .9);--volume-bg: rgba(45, 51, 54, .95);--volume-bg-end: rgba(28, 34, 38, .95);--volume-text: #f4d66a;--accent-bright: #c69500;--wheel-ring-light: #5f686d;--wheel-ring-mid: #3e474d;--wheel-ring-dark: #242c31;--wheel-button-text: #f0c330;--wheel-button-hover: #fff2a8;--wheel-center-light: #d8aa05;--wheel-center-mid: #c69500;--wheel-center-dark: #9f7400;--wheel-center-text: #3a2a00;--theme-background: url(/Backgrounds/storm-background.webp);--theme-background-position: center center;--theme-background-shade: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(84, 94, 102, .18));--theme-vignette: rgba(50, 58, 64, .22);--theme-vignette-soft: rgba(188, 194, 192, .16);--chess-bg: #4b555b;--chess-panel: #eef1ed;--chess-panel-text: #242a2d;--chess-muted: #6f7779;--chess-board-light: #d9d8cf;--chess-board-dark: #89949a;--chess-board-border: #303840;--bj-bg: #7d8789;--bj-bg-end: #465056;--bj-panel: #eef1ed;--bj-panel-text: #242a2d;--bj-muted: #6f7779;--bj-felt-line: rgba(246, 243, 221, .22);--gems-bg: #7d8789;--gems-bg-end: #465056;--gems-panel: #eef1ed;--gems-panel-text: #242a2d;--gems-muted: #6f7779;--gems-board: #5b6569;--gems-cell-a: rgba(246, 243, 221, .13);--gems-cell-b: rgba(246, 243, 221, .24);--gems-grid-line: rgba(246, 243, 221, .24);--brick-bg: #5b6569;--brick-bg-end: #303840;--brick-panel: #eef1ed;--brick-panel-text: #242a2d;--brick-muted: #6f7779;--brick-grid-line: rgba(246, 243, 221, .22);--brick-paddle-light: #ffe27a;--brick-paddle-mid: #c69500;--brick-paddle-dark: #7d5c00;--brick-ball: #fff8c8;--brick-ball-glow: #c69500;--brick-row-1: #b38300;--brick-row-2: #8fd3ff;--brick-row-3: #fff1a6;--brick-row-4: #fbfdff;--quiz-bg: #5b6569;--quiz-bg-end: #303840;--quiz-panel: #eef1ed;--quiz-panel-text: #242a2d;--quiz-muted: #6f7779;--quiz-choice-bg: rgba(238, 241, 237, .9);--quiz-choice-border: rgba(198, 149, 0, .34)}:root[data-theme=lava]{--bamboo-light: #5a3a2b;--bamboo-mid: #3c251a;--bamboo-dark: #21120c;--bamboo-shadow: #5a2a18;--lcd-bg: #1d1714;--lcd-dark: #110f0e;--lcd-text: #f0d0bd;--lcd-highlight: #d63822;--lcd-highlight-end: #8f1d14;--stone-light: #5b3a2c;--stone-mid: #392319;--stone-dark: #1f120d;--washi: #180b08;--washi-dark: #0b0807;--ink: #f0d0bd;--ink-wash: #b68a72;--vermillion: #ff3b1f;--wheel-glow: rgba(230, 52, 28, .42);--accent-r: 230;--accent-g: 52;--accent-b: 28;--accent-fill: #d63822;--accent-fill-light: #ff5a36;--accent-fill-bright: rgba(255, 96, 54, .92);--volume-bg: rgba(45, 22, 15, .96);--volume-bg-end: rgba(24, 17, 14, .96);--volume-text: #f6b39a;--accent-bright: #ff3b1f;--wheel-ring-light: #1d1714;--wheel-ring-mid: #17120f;--wheel-ring-dark: #110f0e;--wheel-button-text: #d3482e;--wheel-button-hover: #f08a72;--wheel-center-light: #c8442d;--wheel-center-mid: #a92a1d;--wheel-center-dark: #67170f;--wheel-center-text: #2b0b06;--theme-background: url(/Backgrounds/volcano-background.webp);--theme-background-position: center center;--theme-background-shade: linear-gradient(180deg, rgba(24, 7, 5, .05), rgba(10, 6, 5, .28));--theme-vignette: rgba(8, 4, 3, .42);--theme-vignette-soft: rgba(70, 20, 12, .18);--chess-bg: #130d0a;--chess-panel: #29160f;--chess-panel-text: #f5d2bf;--chess-muted: #b2775e;--chess-board-light: #6a3b25;--chess-board-dark: #2a1710;--chess-board-border: #070403;--bj-bg: #3a1c13;--bj-bg-end: #0d0806;--bj-panel: #29160f;--bj-panel-text: #f5d2bf;--bj-muted: #b2775e;--bj-felt-line: rgba(255, 90, 54, .2);--gems-bg: #3a1c13;--gems-bg-end: #0d0806;--gems-panel: #29160f;--gems-panel-text: #f5d2bf;--gems-muted: #b2775e;--gems-board: #1f100b;--gems-cell-a: rgba(245, 210, 191, .07);--gems-cell-b: rgba(255, 90, 54, .12);--gems-grid-line: rgba(255, 90, 54, .2);--brick-bg: #21110c;--brick-bg-end: #070403;--brick-panel: #29160f;--brick-panel-text: #f5d2bf;--brick-muted: #b2775e;--brick-grid-line: rgba(255, 90, 54, .18);--brick-paddle-light: #a85a3c;--brick-paddle-mid: #5a2f20;--brick-paddle-dark: #1d0d08;--brick-ball: #ffe4d2;--brick-ball-glow: #d63822;--brick-row-1: #f06a42;--brick-row-2: #6f120c;--brick-row-3: #6a3b25;--brick-row-4: #3e312b;--quiz-bg: #21110c;--quiz-bg-end: #070403;--quiz-panel: #29160f;--quiz-panel-text: #f5d2bf;--quiz-muted: #b2775e;--quiz-choice-bg: rgba(41, 22, 15, .92);--quiz-choice-border: rgba(255, 90, 54, .3)}:root[data-theme=sakura]{--bamboo-light: #e8c8d0;--bamboo-mid: #d4a8b4;--bamboo-dark: #b8889a;--bamboo-shadow: #906878;--lcd-bg: #fce8ee;--lcd-dark: #f0d0da;--lcd-text: #4a2030;--lcd-highlight: #d85888;--lcd-highlight-end: #b84070;--stone-light: #f0d8e0;--stone-mid: #e4c8d0;--stone-dark: #d4b0c0;--washi: #fdf0f4;--washi-dark: #f4e0e8;--ink: #4a2030;--ink-wash: #8a6070;--vermillion: #d85888;--wheel-glow: rgba(216, 88, 136, .4);--accent-r: 216;--accent-g: 88;--accent-b: 136;--accent-fill: #d85888;--accent-fill-light: #e880a8;--accent-fill-bright: rgba(240, 140, 180, .9);--volume-bg: rgba(60, 20, 36, .95);--volume-bg-end: rgba(48, 14, 28, .95);--volume-text: #f0d0da;--accent-bright: #f08cb4;--wheel-ring-light: #e880a8;--wheel-ring-mid: #d85888;--wheel-ring-dark: #a7345e;--wheel-button-text: #351321;--wheel-button-hover: #fff4f8;--wheel-center-light: #ffe6ee;--wheel-center-mid: #f7cdd9;--wheel-center-dark: #e8a0b8;--wheel-center-text: #4a2030;--theme-background: url(/Backgrounds/sakura-background.webp);--theme-background-position: center center;--theme-background-shade: linear-gradient(180deg, rgba(255, 234, 241, .08), rgba(222, 158, 180, .12));--theme-vignette: rgba(132, 72, 96, .16);--theme-vignette-soft: rgba(236, 166, 190, .12);--chess-bg: #f6dfe7;--chess-panel: #fff0f5;--chess-panel-text: #4a2030;--chess-muted: #a4647c;--chess-board-light: #f7ccd8;--chess-board-dark: #d9829e;--chess-board-border: #9f4c68;--bj-bg: #d9859f;--bj-bg-end: #8d4960;--bj-panel: #fff0f5;--bj-panel-text: #4a2030;--bj-muted: #a4647c;--bj-felt-line: rgba(255, 240, 245, .28);--gems-bg: #d9859f;--gems-bg-end: #8d4960;--gems-panel: #fff0f5;--gems-panel-text: #4a2030;--gems-muted: #a4647c;--gems-board: #bd6984;--gems-cell-a: rgba(255, 240, 245, .14);--gems-cell-b: rgba(255, 240, 245, .26);--gems-grid-line: rgba(255, 240, 245, .28);--brick-bg: #d9859f;--brick-bg-end: #8d4960;--brick-panel: #fff0f5;--brick-panel-text: #4a2030;--brick-muted: #a4647c;--brick-grid-line: rgba(255, 240, 245, .24);--brick-paddle-light: #ffd5e1;--brick-paddle-mid: #d85888;--brick-paddle-dark: #8d3358;--brick-ball: #fff5fa;--brick-ball-glow: #f08cb4;--brick-row-1: #7e57c2;--brick-row-2: #e880a8;--brick-row-3: #ffffff;--brick-row-4: #8aa36f;--quiz-bg: #d9859f;--quiz-bg-end: #8d4960;--quiz-panel: #fff0f5;--quiz-panel-text: #4a2030;--quiz-muted: #a4647c;--quiz-choice-bg: rgba(255, 240, 245, .9);--quiz-choice-border: rgba(216, 88, 136, .34)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;height:var(--app-height, 100%);overflow:hidden;touch-action:manipulation}*{touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--washi);color:var(--ink);display:flex;align-items:center;justify-content:center}.atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden;background-color:var(--washi);background-image:var(--theme-background-shade),var(--theme-background);background-position:center center,var(--theme-background-position);background-repeat:no-repeat;background-size:cover,cover;transition:background-color .3s ease}.washi-texture{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.08'/%3E%3C/svg%3E");opacity:.65;mix-blend-mode:soft-light}.theme-art{position:absolute;top:0;height:100%;width:220px;display:none}.theme-art.left{left:0}.theme-art.right{right:0}.scroll-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 42%,var(--theme-vignette) 100%),linear-gradient(180deg,var(--theme-vignette-soft) 0%,transparent 16%,transparent 84%,var(--theme-vignette-soft) 100%);pointer-events:none}@media(max-width:500px){.theme-art{width:100px;opacity:.6}}.device-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px}.bamboo-device{position:relative;width:100%;height:100%;max-width:calc(100vw - 16px);max-height:calc(var(--app-height, 100vh) - 16px);background:linear-gradient(165deg,var(--bamboo-light) 0%,var(--bamboo-mid) 20%,var(--bamboo-dark) 50%,var(--bamboo-mid) 80%,var(--bamboo-light) 100%);border-radius:28px;padding:14px;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d,0 5px 15px #0003,inset 0 2px #ffffff40,inset 0 -2px #00000026,inset 3px 0 8px #0000001a,inset -3px 0 8px #0000001a;z-index:100}.wood-grain{position:absolute;inset:0;pointer-events:none;opacity:.5;border-radius:28px;background-image:repeating-linear-gradient(92deg,transparent 0px,transparent 3px,rgba(92,74,58,.12) 3px,rgba(92,74,58,.12) 5px,transparent 5px,transparent 12px),repeating-linear-gradient(88deg,transparent 0px,transparent 30px,rgba(139,115,85,.08) 30px,rgba(139,115,85,.08) 31px)}.wood-edge{position:absolute;top:30px;bottom:30px;width:4px;background:linear-gradient(180deg,#ffffff1a,#0000001a,#ffffff0d)}.wood-edge.left{left:0}.wood-edge.right{right:0}.hardware-top{display:flex;justify-content:space-between;align-items:center;padding:0 15px;margin-bottom:8px;flex-shrink:0}.headphone-jack{width:12px;height:12px;background:radial-gradient(circle,#1a1a1a 40%,#3a3a3a);border-radius:50%;box-shadow:inset 0 1px 2px #000c}.hold-switch{width:36px;height:12px;background:linear-gradient(180deg,#8a7a6a,#6a5a4a);border-radius:6px;padding:2px;cursor:pointer;position:relative}.hold-switch:after{content:"";position:absolute;inset:-10px}.switch-groove{width:14px;height:100%;background:#4a3a2a;border-radius:4px;margin-left:auto;transition:margin .25s ease,background .25s ease,box-shadow .25s ease}.hold-switch.locked .switch-groove{margin-left:0;margin-right:auto;background:var(--accent-bright);box-shadow:0 0 9px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.95),0 0 18px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.5)}.brand-carving{text-align:center;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.brand-kanji{font-family:var(--font-display);font-size:1.1rem;color:#5c4a3a99;text-shadow:0 1px 0 rgba(255,255,255,.3)}.brand-text{font-size:.65rem;letter-spacing:.3em;color:#5c4a3a80;text-shadow:0 1px 0 rgba(255,255,255,.3)}.hardware-bottom{display:flex;justify-content:center;margin-top:10px;flex-shrink:0}.dock-connector{width:70px;height:10px;background:linear-gradient(180deg,#5a4a3a,#3a2a1a);border-radius:2px 2px 5px 5px;padding:2px 4px}.connector-pins{width:100%;height:100%;background:repeating-linear-gradient(90deg,#8a7a5a 0px,#8a7a5a 2px,transparent 2px,transparent 4px);border-radius:1px}.footer-carving{text-align:center;margin-top:6px;flex-shrink:0}.carving-text{font-family:var(--font-display);font-size:.6rem;letter-spacing:.15em;color:#5c4a3a80;text-shadow:0 1px 0 rgba(255,255,255,.2)}.screen-assembly{flex:1;min-height:0;display:flex;flex-direction:column}.screen-bezel{flex:1;min-height:0;background:linear-gradient(180deg,#2a2520,#1a1714);border-radius:12px;padding:10px;position:relative;box-shadow:inset 0 2px 4px #00000080,0 1px #ffffff1a}.bezel-screw{position:absolute;width:6px;height:6px;background:radial-gradient(circle at 30% 30%,#555,#222);border-radius:50%;box-shadow:inset 0 1px 1px #00000080}.bezel-screw:after{content:"+";font-size:5px;color:#333;display:flex;align-items:center;justify-content:center;height:100%}.bezel-screw.tl{top:4px;left:4px}.bezel-screw.tr{top:4px;right:4px}.bezel-screw.bl{bottom:4px;left:4px}.bezel-screw.br{bottom:4px;right:4px}.lcd-screen{width:100%;height:100%;background:linear-gradient(180deg,var(--lcd-bg) 0%,var(--lcd-dark) 100%);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px 3px #0003}.lcd-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px),repeating-linear-gradient(90deg,transparent 0px,transparent 1px,rgba(0,0,0,.02) 1px,rgba(0,0,0,.02) 2px);pointer-events:none;z-index:50;border-radius:6px}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:linear-gradient(180deg,var(--lcd-highlight),var(--lcd-highlight-end));border-bottom:1px solid var(--lcd-highlight-end);font-size:.75rem;flex-shrink:0;transition:background .3s ease}.status-os{min-width:52px;height:14px;display:inline-flex;align-items:center;font-size:.65rem;font-weight:500;color:#fff;opacity:.8;letter-spacing:.05em}.status-os.playing{opacity:1;letter-spacing:0}.status-wave{width:54px;height:14px;display:block;opacity:.94;filter:drop-shadow(0 0 3px rgba(255,255,255,.22))}.status-title{font-family:var(--font-display);font-weight:600;color:#fff;letter-spacing:.05em;font-size:.85rem;white-space:pre}.status-right{display:flex;align-items:center;gap:8px}.status-time{font-size:.7rem;color:#fff;opacity:.9}.battery{width:22px;height:10px;border:1px solid rgba(255,255,255,.8);border-radius:2px;padding:1px;position:relative}.battery:after{content:"";position:absolute;right:-4px;top:2px;width:2px;height:5px;background:#fffc;border-radius:0 1px 1px 0}.battery-fill{display:block;width:100%;height:100%;border-radius:1px;background:repeating-linear-gradient(90deg,transparent 0 3.5px,rgba(0,0,0,.3) 3.5px 4.5px),linear-gradient(180deg,#b9e387,#79bf52);transition:width .6s ease}.battery-fill.low{background:repeating-linear-gradient(90deg,transparent 0 3.5px,rgba(0,0,0,.3) 3.5px 4.5px),linear-gradient(180deg,#ef8a72,#d6543c)}.battery-fill.charging{animation:battCharge 2.2s ease-in-out infinite}@keyframes battCharge{0%,to{opacity:1}50%{opacity:.55}}.screen-content{flex:1;min-height:0;position:relative;overflow:hidden}.view{position:absolute;inset:0;display:none;flex-direction:column;overflow:hidden;animation:slideIn .08s cubic-bezier(.2,.75,.25,1)}.view.active{display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(5px)}to{opacity:1;transform:translate(0)}}.view-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.view-header:not(.with-art){display:none}.view-header.with-art{padding:12px 14px;gap:12px}.header-kanji{font-family:var(--font-display);font-size:1rem;color:#5a4a3a}.header-title{font-size:.85rem;font-weight:600;color:var(--lcd-text);text-transform:uppercase;letter-spacing:.08em}.header-subtitle{font-size:.7rem;color:#5a6a4a}.header-info{display:flex;flex-direction:column;gap:2px}.header-album-art{width:48px;height:48px;background:#666;border-radius:4px;background-size:cover;background-position:center;box-shadow:0 2px 6px #00000040}.menu-list{list-style:none;flex:1;overflow-y:auto;padding:4px 0}.menu-list.scrollable{-webkit-overflow-scrolling:touch}.menu-item{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;transition:background .1s ease;color:var(--lcd-text);font-size:.95rem;border-bottom:1px solid rgba(0,0,0,.05)}.menu-item:last-child{border-bottom:none}.menu-item.selected{background:linear-gradient(180deg,var(--lcd-highlight),var(--lcd-highlight-end));color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3)}.menu-item[data-disabled=true]{opacity:.45}.item-icon{font-size:.85rem;width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.item-icon svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.item-icon.theme-swatch svg{fill:currentColor;stroke:#00000040;stroke-width:1}.download-btn svg{width:13px;height:13px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu-item.selected .item-icon{opacity:1}.item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-arrow{font-size:.9rem;opacity:.5}.item-meta{font-size:.7rem;opacity:.5;font-style:italic}.menu-item.selected .item-arrow,.menu-item.selected .item-meta{opacity:.8}.theme-check{font-style:normal!important;font-weight:700;opacity:.9!important;color:var(--lcd-highlight);min-width:16px;text-align:right}.menu-item.selected .theme-check{color:#fff}.track-num{font-family:Courier New,monospace;font-size:.75rem;opacity:.5;min-width:20px}.track-duration{font-size:.75rem;opacity:.6}.now-playing{display:flex;flex-direction:column;align-items:center;padding:12px 16px;height:100%;gap:8px}.np-artwork{position:relative;flex-shrink:0}.artwork-frame{width:140px;height:140px;background:linear-gradient(145deg,#7a6a5a,#5a4a3a);border-radius:8px;padding:5px;box-shadow:0 6px 20px #00000059,inset 0 1px #fff3;overflow:hidden;position:relative}.artwork-frame img{width:100%;height:100%;object-fit:cover;border-radius:4px}.artwork-shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none;border-radius:4px}.artwork-shadow{position:absolute;bottom:-10px;left:10%;right:10%;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,.35),transparent);filter:blur(5px)}.np-info{text-align:center;width:100%;flex-shrink:0}.np-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--lcd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.np-artist{font-size:.85rem;color:#4a5a3a;margin-bottom:2px}.np-album{font-size:.75rem;color:color-mix(in srgb,var(--lcd-text) 70%,var(--lcd-highlight));font-style:italic}.np-progress{display:flex;align-items:center;gap:10px;width:100%;padding:0 8px;flex-shrink:0}.np-progress .time{font-family:Courier New,monospace;font-size:.7rem;color:var(--lcd-text);min-width:32px}.np-progress .time:last-child{text-align:right}.progress-bar{flex:1;height:10px;background:#00000026;border-radius:5px;position:relative;cursor:pointer}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-fill),var(--accent-fill-light));border-radius:5px;transition:width .1s linear;box-shadow:0 0 8px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.28)}.progress-diamond{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;background:linear-gradient(135deg,var(--accent-fill-light),var(--accent-fill));box-shadow:0 1px 4px #00000059,0 0 8px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45);transition:left .1s linear}.np-controls{display:flex;gap:24px;font-size:.9rem;flex-shrink:0}.control-icon{cursor:pointer;opacity:.35;transition:opacity .2s,transform .15s;user-select:none;position:relative;display:flex;align-items:center}.control-icon svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#npFavorite.active svg{fill:currentColor}#npRepeat .rpt-one{display:none;position:absolute;top:-5px;right:-7px;font-size:.55rem;font-weight:700}#npRepeat.one .rpt-one{display:block}.control-icon:hover{opacity:.8}.control-icon:active{transform:scale(1.2)}.control-icon.active{opacity:1;filter:drop-shadow(0 0 5px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.7))}#npFavorite.active{color:#e05570;filter:drop-shadow(0 0 5px rgba(224,85,112,.7))}.scroll-content{flex:1;overflow-y:auto;padding:12px 14px;-webkit-overflow-scrolling:touch}.content-section{margin-bottom:16px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.1)}.section-kanji{font-family:var(--font-display);font-size:1rem;color:#6a5a4a}.section-title{font-size:.8rem;font-weight:600;color:var(--lcd-text);text-transform:uppercase;letter-spacing:.08em}.content-text{font-size:.85rem;line-height:1.7;color:var(--lcd-text);margin-bottom:10px}.content-text strong{color:#3a4a2a}.content-text em{color:#5a4a3a}.content-text.quote{font-family:var(--font-display);font-style:italic;color:#5a6a4a;border-left:2px solid #8a9a6a;padding-left:12px;margin-top:12px}.spotify-embed-container{flex:1;padding:8px;overflow:hidden}.spotify-embed-container iframe{width:100%;height:100%;min-height:200px;border-radius:8px}.artwork-grid{flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:10px;padding:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;align-content:start}.artwork-card{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #00000040;border:3px solid transparent;opacity:.7}.artwork-card:hover{opacity:.85}.artwork-card.selected{border-color:var(--accent-bright);box-shadow:0 0 0 2px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.7),0 0 18px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.95),0 0 44px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.6),0 4px 20px #0006;transform:scale(1.05);opacity:1;z-index:10}.artwork-card .cover{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#555;background-repeat:no-repeat}.artwork-card .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 40%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:8px;transition:background .2s ease}.artwork-card.selected .overlay{background:linear-gradient(to top,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55) 0%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2) 40%,transparent 60%)}.artwork-card .title{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);line-height:1.2}.artwork-card.selected .title{color:var(--accent-bright)}.artwork-card .year{font-size:.6rem;color:#ffffffb3;margin-top:2px}.artwork-card .play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:30px;height:30px;background:linear-gradient(145deg,var(--accent-fill-light),var(--accent-fill));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000000b8;border:1px solid rgba(255,255,255,.42);font-size:12px;font-weight:700;transition:transform .2s ease;box-shadow:0 2px 10px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55),inset 0 1px 2px #ffffff59;pointer-events:none}.artwork-card .play-badge svg.play-glyph{width:12px;height:12px;fill:currentColor;stroke:none;transform:translate(1px)}.artwork-card.selected .play-badge{transform:translate(-50%,-50%) scale(1)}.view-header.compact{padding:8px 12px;min-height:auto;overflow:hidden}.view-header.with-art{display:flex;gap:12px;padding:10px 12px;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,transparent 100%)}.album-detail-art{width:70px;height:70px;border-radius:6px;background-size:cover;background-position:center;background-color:#555;box-shadow:0 3px 10px #0000004d;flex-shrink:0}.album-detail-info{flex:1;display:flex;flex-direction:column;gap:4px}.detail-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--lcd-text);line-height:1.2}.detail-meta{font-size:.75rem;color:color-mix(in srgb,var(--lcd-text) 72%,var(--lcd-highlight))}#albumDetailScroll{flex:1;overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.detail-section{margin-bottom:16px}.detail-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb,var(--lcd-text) 70%,var(--lcd-highlight));margin-bottom:6px;font-weight:600}.detail-section p{font-size:.8rem;line-height:1.6;color:var(--lcd-text);margin:0}.detail-tracklist{list-style:none;padding:0;margin:0}.detail-tracklist li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.08);font-size:.8rem;color:var(--lcd-text)}.detail-tracklist li:last-child{border-bottom:none}.track-num{font-size:.7rem;color:#7a8a6a;width:20px;text-align:right}.fun-fact-box{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1);padding:10px 12px;border-radius:6px;border-left:3px solid var(--accent-fill)}.fun-fact-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#5a7a4a;display:block;margin-bottom:6px;font-weight:600}.fun-fact-text{font-size:.78rem;line-height:1.5;color:var(--lcd-text);font-style:italic}.play-album-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:linear-gradient(180deg,#6a9a5a,#4a7a3a);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:12px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 3px 10px #00000040;text-decoration:none}.play-album-btn:hover{background:linear-gradient(180deg,#7aaa6a,#5a8a4a)}.album-detail-section p{font-size:.85rem;line-height:1.6;color:var(--lcd-text)}.album-detail-section .fun-fact{background:#0000000d;padding:10px 12px;border-radius:4px;border-left:3px solid #8a9a6a}.album-detail-section .fun-fact-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:color-mix(in srgb,var(--lcd-text) 70%,var(--lcd-highlight));display:block;margin-bottom:4px}.play-album-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:linear-gradient(180deg,var(--lcd-highlight),#5a7a4a);color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;margin-top:10px;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 2px 6px #0003}.play-album-btn:hover{background:linear-gradient(180deg,#7a9a6a,var(--lcd-highlight))}.play-album-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.game-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1rem;line-height:1}.free-downloads-content{padding:12px}.free-desc{font-size:.75rem;color:var(--lcd-text-dim);line-height:1.5;margin-bottom:12px;padding:10px;background:#0000001a;border-radius:6px;border-left:3px solid var(--lcd-highlight)}.transmission-panel{position:relative;margin:12px;padding:14px;overflow:hidden;background:linear-gradient(135deg,#ffffff17,#00000029),radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 42%);border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:inset 0 1px #ffffff24,0 10px 28px #0000002e}.transmission-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);opacity:.65;transform:translate(-70%)}.transmission-kicker{position:relative;display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--lcd-highlight);font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.transmission-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lcd-highlight);box-shadow:0 0 10px var(--lcd-highlight)}.transmission-title{position:relative;margin:0 0 8px;color:var(--lcd-text);font-size:1.12rem;line-height:1.05;letter-spacing:-.02em}.transmission-copy{position:relative;margin:0 0 14px;color:var(--lcd-text-dim);font-size:.76rem;line-height:1.55}.transmission-tags{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.transmission-tags span{padding:5px 7px;color:var(--lcd-text);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#00000029;border:1px solid rgba(255,255,255,.13);border-radius:999px}.newsletter-form{position:relative}.newsletter-label{display:block;margin-bottom:6px;color:var(--lcd-text-dim);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.newsletter-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.newsletter-input{min-width:0;width:100%;padding:10px 11px;color:var(--lcd-text);font-size:.78rem;background:#00000038;border:1px solid rgba(255,255,255,.16);border-radius:7px;outline:none}.newsletter-input:focus{border-color:var(--lcd-highlight);box-shadow:0 0 0 2px #ffffff14}.newsletter-button{padding:0 14px;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg,var(--lcd-highlight),#4f6f42);border:0;border-radius:7px;cursor:pointer;box-shadow:inset 0 1px #ffffff38}.newsletter-button:disabled{opacity:.65;cursor:wait}.newsletter-status{min-height:18px;margin:8px 0 0;color:var(--lcd-text-dim);font-size:.7rem;line-height:1.35}.newsletter-status.success{color:var(--lcd-highlight)}.newsletter-status.error{color:#ff8b8b}.email-address-card{position:relative;display:flex;flex-direction:column;gap:4px;margin:2px 0 14px;padding:12px;color:var(--lcd-text);text-decoration:none;background:#0003;border:1px solid rgba(255,255,255,.16);border-radius:9px}.email-address-card strong{font-size:.92rem;line-height:1.1;word-break:break-word}.email-address-label,.email-address-hint,.email-note-grid span{color:var(--lcd-text-dim);font-size:.57rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.email-address-hint{letter-spacing:.08em;text-transform:none}.email-personal-note{margin:0;padding:10px;color:var(--lcd-text-dim);font-size:.7rem;line-height:1.45;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}@media(hover:none)and (pointer:coarse)and (max-width:500px){.newsletter-input{font-size:16px}body.input-focused .bamboo-device{max-height:none}}.download-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff0d;border-radius:6px;margin-bottom:8px}.download-item .item-info{flex:1}.download-item .item-title{font-size:.85rem;font-weight:500;color:var(--lcd-text)}.download-item .item-size{font-size:.7rem;color:var(--lcd-text-dim)}.download-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(180deg,var(--lcd-highlight),#5a7a4a);color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;text-decoration:none}.download-btn:hover{background:linear-gradient(180deg,#7a9a6a,var(--lcd-highlight))}.placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.placeholder-icon{font-size:3rem;opacity:.3}.placeholder-text{font-family:var(--font-display);font-size:1.1rem;color:var(--lcd-text)}.placeholder-sub{font-size:.8rem;color:color-mix(in srgb,var(--lcd-text) 70%,var(--lcd-highlight))}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;background:var(--lcd-bg);position:relative}.game-header{display:flex;justify-content:space-between;width:100%;padding:4px 8px;font-family:var(--font-body);font-size:.75rem;color:var(--lcd-text);font-weight:600}.snake-fullscreen{padding:0!important;position:relative;overflow:hidden}.snake-fullscreen canvas{display:block;width:100%;height:100%;background:#0a0a1a;image-rendering:pixelated}.snake-fullscreen .game-instructions{position:absolute;bottom:30%;left:0;right:0;z-index:2;background:#0a0a1aeb;padding:12px;margin:0 20px;border-radius:6px;border:1px solid rgba(100,140,255,.3);color:#e0e0e0}.brick-fullscreen{padding:0!important;position:relative;overflow:hidden}.brick-fullscreen canvas{display:block;width:100%;height:100%}#brickCanvas{background:var(--brick-bg);image-rendering:auto}.brick-fullscreen .game-instructions{position:absolute;bottom:30%;left:0;right:0;z-index:2;background:linear-gradient(180deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14),transparent 72%),var(--brick-panel);color:var(--brick-panel-text);padding:12px 14px;margin:0 20px;border-radius:8px;border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.58);box-shadow:0 12px 28px #00000057,0 0 22px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2),inset 0 1px #fff3;opacity:1;text-align:center}.game-canvas-wrapper{display:flex;align-items:center;justify-content:center;gap:4px}.control-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;color:var(--lcd-text);opacity:.7;font-size:.65rem;font-family:var(--font-body)}.control-arrow{font-size:1.2rem;font-weight:700;animation:pulse 1.5s ease-in-out infinite}.control-label{font-size:.55rem;margin-top:2px;opacity:.8}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.tetris-fullscreen{padding:0!important;position:relative;overflow:hidden}.tetris-fullscreen canvas{display:block;width:100%;height:100%;background:#0a0a1a;image-rendering:pixelated}.tetris-fullscreen .game-instructions{position:absolute;bottom:30%;left:0;right:0;z-index:2;background:#0a0a1aeb;padding:12px;margin:0 20px;border-radius:6px;border:1px solid rgba(100,140,255,.3);color:#e0e0e0}.gems-fullscreen{padding:0!important;position:relative;overflow:hidden}.gems-fullscreen canvas{display:block;width:100%;height:100%;background:var(--gems-bg);image-rendering:auto;cursor:pointer;touch-action:none}.gems-fullscreen .game-instructions{position:absolute;bottom:30%;left:0;right:0;z-index:2;background:linear-gradient(180deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14),transparent 72%),var(--gems-panel);color:var(--gems-panel-text);padding:12px 14px;margin:0 20px;border-radius:8px;border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.58);box-shadow:0 12px 28px #00000057,0 0 22px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2),inset 0 1px #fff3;opacity:1;text-align:center}.bj-fullscreen{padding:0!important;position:relative;overflow:hidden;align-items:stretch!important}.bj-fullscreen canvas{display:block;width:100%!important;height:100%!important;max-width:none!important;border:none!important}.bj-fullscreen .game-instructions{position:absolute;bottom:25%;left:0;right:0;z-index:2;background:linear-gradient(180deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14),transparent 72%),var(--bj-panel);color:var(--bj-panel-text);padding:12px 14px;margin:0 20px;border-radius:8px;border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.58);box-shadow:0 12px 28px #00000057,0 0 22px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2),inset 0 1px #fff3;opacity:1;text-align:center}.flappy-fullscreen{padding:0!important;position:relative;overflow:hidden;align-items:stretch!important}.flappy-fullscreen canvas{display:block;width:100%!important;height:100%!important;max-width:none!important;border:none!important;image-rendering:pixelated}.flappy-fullscreen .game-instructions{position:absolute;bottom:30%;left:0;right:0;z-index:2;background:#0a0a1aeb;padding:12px;margin:0 20px;border-radius:6px;border:1px solid rgba(100,140,255,.3);color:#e0e0e0;font-family:var(--font-body);font-size:.7rem;text-align:center}.hopper-fullscreen{padding:0!important;position:relative;overflow:hidden}.hopper-fullscreen canvas{display:block;width:100%;height:100%;background:var(--gems-bg);image-rendering:auto}.hopper-fullscreen .game-instructions{position:absolute;bottom:30%;left:0;right:0;z-index:2;background:var(--gems-panel);padding:12px;margin:0 20px;border-radius:6px;border:1px solid var(--quiz-choice-border);color:var(--gems-panel-text);font-family:var(--font-body);font-size:.7rem;text-align:center}.mines-fullscreen{padding:0!important;position:relative;overflow:hidden}.mines-fullscreen canvas{display:block;width:100%;height:100%;background:#0a0a1a;image-rendering:pixelated}.mines-fullscreen .game-instructions{position:absolute;bottom:30%;left:0;right:0;z-index:2;background:#0a0a1aeb;padding:12px;margin:0 20px;border-radius:6px;border:1px solid rgba(100,140,255,.3);color:#e0e0e0;opacity:.7}.doodle-container{padding:4px!important}.doodle-header{display:flex;justify-content:space-between;width:100%;padding:4px 8px;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--lcd-text)}.doodle-fullscreen{padding:0!important;position:relative;overflow:hidden;align-items:stretch!important}.doodle-fullscreen canvas{display:block;width:100%!important;height:100%!important;max-width:none!important;border:none!important;image-rendering:pixelated}.doodle-fullscreen .game-instructions{position:absolute;bottom:30%;left:0;right:0;z-index:2;background:#0a0a1ee6;color:#fff;padding:12px;margin:0 20px;border-radius:6px;border:1px solid rgba(100,200,140,.4)}.jam-container{padding:2px!important;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}.jam-header{display:flex;justify-content:space-between;width:100%;padding:4px 8px;font-family:var(--font-body);font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.jam-streak{opacity:0;transition:opacity .2s}.jam-streak.active{opacity:1;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}#jamCanvas{background:linear-gradient(180deg,#1a1a2e,#16213e);border:2px solid #4a9fff;border-radius:4px;box-shadow:0 0 20px #4a9fff4d,inset 0 0 30px #00000080}.jam-controls{padding:4px;font-family:var(--font-body);font-size:.55rem;color:#8af;opacity:.9;text-align:center}.jam-results-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center;font-family:var(--font-body);color:var(--lcd-text)}.jam-results-title{font-size:1.1rem;font-weight:700;margin-bottom:10px}.jam-stars{font-size:1.5rem;margin-bottom:15px;letter-spacing:4px}.jam-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.jam-stat{font-size:.75rem}.jam-results-hint{font-size:.6rem;opacity:.7}.chess-fullscreen{padding:0!important;position:relative;overflow:hidden;align-items:stretch!important}.chess-fullscreen canvas{display:block;width:100%!important;height:100%!important;max-width:none!important;border:none!important;cursor:pointer;touch-action:none;user-select:none}.chess-fullscreen .game-instructions{position:absolute;top:50%;left:50%;right:auto;z-index:2;width:min(176px,calc(100% - 32px));margin:0;padding:14px 12px;transform:translate(-50%,-50%);background:linear-gradient(180deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14),transparent 72%),var(--chess-panel);border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.65);border-radius:8px;box-shadow:0 14px 30px #00000061,0 0 24px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.24),inset 0 1px #ffffff38;color:var(--chess-panel-text);opacity:1;text-align:center;cursor:pointer;touch-action:none}#blackjackCanvas{background:var(--bj-bg)}.game-instructions{display:flex;flex-direction:column;align-items:center;padding:8px;font-family:var(--font-body);font-size:.7rem;color:var(--lcd-text);opacity:.8}.game-instructions.hidden{display:none}.game-instructions .quit-hint{margin-top:4px;font-size:.6rem;opacity:.6}.game-quit-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:var(--font-body);font-size:.55rem;color:var(--lcd-text);opacity:.5}.scores-list{flex:1;padding:12px 14px;overflow-y:auto;-webkit-overflow-scrolling:touch}.score-entry{display:flex;align-items:center;padding:8px 4px;font-family:var(--font-body);font-size:.85rem;color:var(--lcd-text);border-bottom:1px solid var(--lcd-dark)}.score-rank{width:24px;font-weight:600}.score-game{flex:1}.score-value{font-weight:700;color:var(--lcd-highlight)}.video-entry{margin-bottom:16px}.video-title{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--lcd-text);padding:4px 0 6px}.video-embed{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:4px;background:#000}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:4px}.wheel-assembly{padding:12px 0;display:flex;justify-content:center;flex-shrink:0}.click-wheel{width:180px;height:180px;position:relative}.wheel-ring{width:100%;height:100%;background:linear-gradient(145deg,var(--wheel-ring-light) 0%,var(--wheel-ring-mid) 52%,var(--wheel-ring-dark) 100%);border-radius:50%;position:relative;box-shadow:0 8px 25px #00000059,0 0 18px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14),inset 0 2px 5px #ffffff29,inset 0 -3px 6px #0000003d}.ring-texture{display:none}.wheel-btn{position:absolute;background:transparent;border:none;color:var(--wheel-button-text);font-size:.7rem;font-family:var(--font-body);font-weight:600;cursor:pointer;padding:12px;transition:all .1s ease;letter-spacing:.05em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:15}.wheel-btn:hover{color:var(--wheel-button-hover)}.wheel-btn:active{transform:scale(.92)}.wheel-btn.menu{top:10px;left:50%;transform:translate(-50%)}.wheel-btn.prev{left:10px;top:50%;transform:translateY(-50%)}.wheel-btn.next{right:10px;top:50%;transform:translateY(-50%)}.wheel-btn.play{bottom:10px;left:50%;transform:translate(-50%);font-size:.6rem}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:linear-gradient(145deg,var(--wheel-center-light) 0%,var(--wheel-center-mid) 52%,var(--wheel-center-dark) 100%);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 15px #00000047,0 0 18px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.22),inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;transition:all .1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.wheel-center:hover{filter:brightness(1.1)}.wheel-center:active{transform:translate(-50%,-50%) scale(.94);box-shadow:0 2px 8px #00000040,inset 0 1px 2px #fffc}.center-surface{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.center-kanji{font-family:var(--font-display);font-size:1.4rem;color:var(--wheel-center-text);text-shadow:0 1px 0 rgba(255,255,255,.5)}.scroll-wheel-overlay{position:absolute;inset:0;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:10}.scroll-wheel-overlay.active{opacity:1}.scroll-wheel-overlay .scroll-indicator{position:absolute;inset:4px;border-radius:50%;border:2px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1)}.scroll-arc{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.scroll-arc .arc-track{fill:none;stroke:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2);stroke-width:8}.scroll-dot{position:absolute;width:28px;height:28px;border-radius:50%;background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.75);box-shadow:0 0 14px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.8),0 0 28px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;z-index:11}.scroll-wheel-overlay.active .scroll-dot{opacity:1}.scroll-arc .arc-progress{fill:none;stroke:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.7);stroke-width:8;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset .1s ease;filter:drop-shadow(0 0 4px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.6))}.volume-popup{position:absolute;top:-70px;left:50%;transform:translate(-50%) scale(.9);background:linear-gradient(180deg,var(--volume-bg),var(--volume-bg-end));border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.5);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:all .2s ease;box-shadow:0 8px 25px #0006,inset 0 1px #ffffff1a;z-index:100}.volume-popup.visible{opacity:1;transform:translate(-50%) scale(1)}.volume-icon{font-size:1.1rem}.volume-bar{width:80px;height:6px;background:#0006;border-radius:3px;overflow:hidden}.volume-fill{height:100%;width:50%;background:linear-gradient(90deg,var(--accent-fill),var(--accent-fill-light));border-radius:3px;transition:width .1s ease;box-shadow:0 0 8px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.5)}.volume-percent{font-size:.75rem;color:var(--volume-text);min-width:32px;text-align:right;font-family:Courier New,monospace}.wheel-ring.scrolling{box-shadow:0 8px 25px #00000059,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #00000026,0 0 20px var(--wheel-glow)}.menu-list::-webkit-scrollbar,.scroll-content::-webkit-scrollbar,.scores-list::-webkit-scrollbar{width:5px}.menu-list::-webkit-scrollbar-track,.scroll-content::-webkit-scrollbar-track,.scores-list::-webkit-scrollbar-track{background:#0000000d}.menu-list::-webkit-scrollbar-thumb,.scroll-content::-webkit-scrollbar-thumb,.scores-list::-webkit-scrollbar-thumb{background:#5a7a4a66;border-radius:3px}@media(min-width:500px){.device-stage{padding:20px}.bamboo-device{width:380px;height:calc(100vh - 40px);max-height:850px;border-radius:35px;padding:16px;box-shadow:0 30px 100px #0006,0 15px 40px #0000004d,inset 0 2px #ffffff40,inset 0 -2px #00000026,inset 4px 0 10px #0000001a,inset -4px 0 10px #0000001a}.wood-edge.left{border-radius:35px 0 0 35px}.wood-edge.right{border-radius:0 35px 35px 0}.wood-grain{border-radius:35px}.click-wheel{width:200px;height:200px}.wheel-center{width:80px;height:80px}.artwork-frame{width:180px;height:180px}.screen-bezel{border-radius:14px;padding:12px}.lcd-screen{border-radius:8px}.lcd-screen:before{border-radius:8px}}@media(min-width:800px){.device-stage{padding:30px}.bamboo-device{width:420px;height:calc(100vh - 60px);max-height:900px}.click-wheel{width:220px;height:220px}.wheel-center{width:90px;height:90px}.center-kanji{font-size:1.6rem}.artwork-frame{width:200px;height:200px}}@media(hover:none)and (pointer:coarse)and (orientation:landscape)and (max-height:520px){html,body{height:100svh}.device-stage{padding:max(8px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));align-items:center;justify-content:center;overflow:visible}.bamboo-device{width:380px;min-width:0;height:760px;max-width:none;max-height:none;flex:0 0 auto;border-radius:35px;padding:16px;transform:scale(.48);transform-origin:center center;box-shadow:0 30px 100px #0006,0 15px 40px #0000004d,inset 0 2px #ffffff40,inset 0 -2px #00000026,inset 4px 0 10px #0000001a,inset -4px 0 10px #0000001a}.wood-grain{border-radius:35px}.wood-edge.left{border-radius:35px 0 0 35px}.wood-edge.right{border-radius:0 35px 35px 0}.hardware-top{padding:0 15px;margin-bottom:8px}.headphone-jack{width:12px;height:12px}.hold-switch{width:36px;height:12px;padding:2px}.brand-carving{margin-bottom:10px;gap:8px}.brand-text{font-size:.65rem;letter-spacing:.3em}.screen-bezel{border-radius:14px;padding:12px}.lcd-screen,.lcd-screen:before{border-radius:8px}.wheel-assembly{padding:12px 0}.click-wheel{width:200px;height:200px}.wheel-center{width:80px;height:80px}.center-kanji{font-size:1.4rem}.artwork-frame{width:180px;height:180px}}@media(hover:none)and (pointer:coarse)and (orientation:landscape)and (max-height:360px){.bamboo-device{transform:scale(.43)}}@media(hover:none)and (pointer:coarse)and (orientation:landscape)and (min-height:401px)and (max-height:460px){.bamboo-device{transform:scale(.53)}}@media(hover:none)and (pointer:coarse)and (orientation:landscape)and (min-height:461px)and (max-height:520px){.bamboo-device{transform:scale(.59)}}.lcd-screen{position:relative}.boot-screen{position:absolute;inset:0;z-index:60;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:linear-gradient(165deg,#0c1c10,#173620 55%,#0c1c10);cursor:pointer}.boot-screen.booting{display:flex}.boot-screen.fade-out{opacity:0;transition:opacity .45s ease;pointer-events:none}.boot-kanji{font-family:Shippori Mincho,serif;font-size:3rem;font-weight:800;color:#b8e6b8;text-shadow:0 0 18px rgba(159,191,127,.6);animation:bootLogoIn .9s ease both}.boot-name{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:#b8e6b8b3;animation:bootLogoIn .9s .25s ease both}@keyframes bootLogoIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.boot-bar{width:110px;height:4px;border-radius:2px;background:#b8e6b82e;overflow:hidden}.boot-bar-fill{width:100%;height:100%;border-radius:2px;background:#9fbf7f;transform-origin:left;animation:bootFill 1.5s .2s cubic-bezier(.3,0,.4,1) both}@keyframes bootFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.np-visualizer{width:100%;height:24px;display:block;margin:0;opacity:.85}.coverflow-stage{position:relative;flex:1 1 0;min-height:0;perspective:520px;overflow:hidden;display:flex;align-items:center;justify-content:center}.coverflow-card{position:absolute;width:132px;height:132px;left:50%;top:44%;margin:-66px 0 0 -66px;border-radius:6px;overflow:visible;cursor:pointer;transition:transform .38s cubic-bezier(.25,.7,.3,1),opacity .38s ease,filter .38s ease;background-size:cover;background-position:center;box-shadow:0 10px 24px #00000073}.coverflow-card:after{content:"";position:absolute;top:100%;left:0;right:0;height:62%;margin-top:2px;background-image:var(--cf-art);background-size:cover;background-position:center;border-radius:6px;transform:scaleY(-1);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.28),transparent 70%);mask-image:linear-gradient(to top,rgba(0,0,0,.28),transparent 70%);pointer-events:none}.coverflow-label{position:absolute;left:8px;right:8px;bottom:7px;z-index:180;text-align:center;pointer-events:none}.coverflow-label .cf-title,.coverflow-label .cf-year{display:block;color:var(--lcd-text);text-shadow:none}.coverflow-label .cf-title{font-family:Shippori Mincho,serif;font-size:.85rem;font-weight:700;line-height:1.15}.coverflow-label .cf-year{font-size:.65rem;opacity:.78;margin-top:2px}#viewQuiz{background:radial-gradient(circle at 22% 12%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2),transparent 34%),linear-gradient(180deg,var(--quiz-bg),var(--quiz-bg-end));color:var(--quiz-panel-text)}#viewQuiz .view-header{background:linear-gradient(90deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18),transparent 72%),#0000001f;border-bottom:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.34)}#viewQuiz .header-title{color:var(--quiz-panel-text)}.quiz-shell{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;padding:6px 8px 7px}.quiz-status{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-shrink:0}.quiz-stat{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px;border-radius:7px;background:linear-gradient(180deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.13),transparent 84%),var(--quiz-panel);border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.34);box-shadow:inset 0 1px #ffffff2e,0 4px 10px #00000024}.quiz-stat-label{font-size:.45rem;font-weight:700;line-height:1;text-transform:uppercase;color:var(--quiz-muted)}.quiz-stat-value{max-width:100%;font-size:.66rem;font-weight:800;line-height:1.05;color:var(--quiz-panel-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-timebar{height:6px;flex-shrink:0;border-radius:999px;background:#00000038;overflow:hidden;border:1px solid rgba(0,0,0,.16);box-shadow:inset 0 1px 3px #00000038}.quiz-timebar-fill{height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-bright),var(--accent-fill-light));transform-origin:left;box-shadow:0 0 10px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.46)}.quiz-listening-panel{flex-shrink:0;display:flex;align-items:center;gap:8px;min-height:39px;padding:6px 8px;border-radius:8px;color:var(--quiz-panel-text);background:linear-gradient(135deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14),transparent 70%),var(--quiz-panel);border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4);box-shadow:0 7px 18px #0003,inset 0 1px #ffffff2e}.quiz-eq{width:34px;height:22px;display:flex;align-items:flex-end;justify-content:center;gap:3px;flex-shrink:0}.quiz-eq span{width:4px;min-height:7px;border-radius:3px;background:linear-gradient(180deg,var(--accent-fill-light),var(--accent-fill));box-shadow:0 0 7px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.46)}.quiz-eq span:nth-child(1){height:12px}.quiz-eq span:nth-child(2){height:22px}.quiz-eq span:nth-child(3){height:16px}.quiz-eq span:nth-child(4){height:9px}.quiz-prompt{min-width:0;display:flex;flex-direction:column;gap:1px}.quiz-prompt-label{font-size:.48rem;font-weight:800;line-height:1;text-transform:uppercase;color:var(--accent-bright)}.quiz-prompt-text{font-size:.68rem;font-weight:700;line-height:1.14;color:var(--quiz-panel-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-feedback{min-height:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:6px;text-align:center;font-size:.64rem;font-weight:800;color:var(--quiz-muted);background:#00000024;border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18)}.quiz-feedback.correct{color:#f6fff1;background:#30803cb8;border-color:#97e6878c}.quiz-feedback.wrong{color:#fff3ee;background:#a02418c2;border-color:#ff7e5e8a}.quiz-choices.menu-list{flex:1;min-height:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.quiz-choice.menu-item{min-height:30px;padding:5px 7px;gap:7px;border:1px solid var(--quiz-choice-border);border-radius:7px;background:var(--quiz-choice-bg);color:var(--quiz-panel-text);box-shadow:0 3px 8px #00000021;font-size:.68rem;transition:background .08s ease,border-color .08s ease,transform .08s ease}.quiz-choice.menu-item:last-child{border-bottom:1px solid var(--quiz-choice-border)}.quiz-choice .item-icon{width:21px;height:21px;border-radius:6px;color:var(--accent-bright);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14);opacity:1}.quiz-choice .item-label{font-weight:700}.quiz-choice.selected{color:#fff;background:linear-gradient(180deg,var(--accent-fill-light),var(--accent-fill));border-color:var(--accent-bright);text-shadow:0 1px 2px rgba(0,0,0,.34);transform:translate(1px);box-shadow:0 0 0 1px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.32),0 5px 12px #0003}.quiz-choice.selected .item-icon{color:#fff;background:#ffffff2e}.quiz-choice.correct,.quiz-choice.correct.selected{color:#f6fff1;background:linear-gradient(180deg,#3f9d4f,#2f743c);border-color:#bcffaeb8}.quiz-choice.wrong,.quiz-choice.wrong.selected{color:#fff3ee;background:linear-gradient(180deg,#b04430,#7a2418);border-color:#ff9470b8}.quiz-choice.locked:not(.correct):not(.wrong){opacity:.62}.quiz-choice.quiz-action{min-height:34px}#viewQuiz .game-instructions{position:absolute;bottom:30%;left:0;right:0;z-index:2;background:linear-gradient(180deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14),transparent 72%),var(--quiz-panel);color:var(--quiz-panel-text);padding:12px 14px;margin:0 20px;border-radius:8px;border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.58);box-shadow:0 12px 28px #00000057,0 0 22px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2),inset 0 1px #fff3}.sleep-screen{position:absolute;inset:0;z-index:55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(170deg,#ece3cd,#e3d7ba 55%,#e8ddc2);opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;cursor:pointer}.sleep-paper{position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.10'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(120,98,64,.03) 0px,rgba(120,98,64,.03) 1px,transparent 1px,transparent 4px);box-shadow:inset 0 0 70px #765c3847}.sleep-screen.visible{opacity:1;visibility:visible}.sleep-ink{position:absolute;inset:0;width:100%;height:100%}.sleep-time,.sleep-date,.sleep-np,.sleep-visualizer{position:relative;z-index:1}.sleep-time{font-family:Shippori Mincho,serif;font-size:2.6rem;font-weight:600;color:#3a3126;text-shadow:0 1px 8px rgba(238,228,202,.95),0 0 4px rgba(238,228,202,.9),0 0 18px rgba(238,228,202,.85);animation:sleepBreathe 5s ease-in-out infinite}.sleep-date{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#5a4c38d9;text-shadow:0 1px 6px rgba(238,228,202,.95),0 0 4px rgba(238,228,202,.9)}.sleep-np{font-size:.7rem;color:#3a3126;margin-top:10px;max-width:85%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(238,228,202,.95),0 0 4px rgba(238,228,202,.9)}.sleep-visualizer{display:block;width:min(82%,190px);height:0;margin-top:0;opacity:0;transform:translateY(-4px) scaleY(.82);transform-origin:center top;pointer-events:none;filter:drop-shadow(0 1px 6px rgba(238,228,202,.95)) drop-shadow(0 0 4px rgba(238,228,202,.9)) drop-shadow(0 0 18px rgba(238,228,202,.82));transition:opacity .22s ease,height .22s ease,margin-top .22s ease,transform .22s ease}.sleep-screen.visible .sleep-visualizer.active{height:46px;margin-top:8px;opacity:.96;transform:translateY(0) scaleY(1)}.sleep-kanji{position:absolute;bottom:10px;right:14px;font-family:Shippori Mincho,serif;font-size:1.1rem;color:#b8e6b840}@keyframes sleepBreathe{0%,to{opacity:1}50%{opacity:.7}}