:root{--night: #0b1026;--night2: #161e42;--silk: #121936;--silk-edge: #2a3565;--gold: #f5d06f;--gold-deep: #c9a13f;--amber: #ffb347;--coral: #ff5c49;--paper: #fff4e0;--ink-dim: #a8b0d8}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;background:radial-gradient(120% 90% at 50% -10%,#232d5c 0%,var(--night2) 38%,var(--night) 100%);color:var(--paper)}.app{position:relative;width:100%;height:100%}.app:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 22px 34px,rgba(255,255,255,.7),transparent 55%),radial-gradient(1px 1px at 120px 90px,rgba(255,255,255,.5),transparent 55%),radial-gradient(2px 2px at 200px 40px,rgba(255,255,255,.4),transparent 55%),radial-gradient(1px 1px at 70px 150px,rgba(255,255,255,.55),transparent 55%),radial-gradient(1.5px 1.5px at 170px 180px,rgba(255,255,255,.35),transparent 55%);background-size:240px 220px;opacity:.7}.game-canvas{position:absolute;inset:0}.game-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:72px 12px 140px}.board{--cells: 8;position:relative;width:min(92vw,420px);aspect-ratio:1;background:repeating-linear-gradient(0deg,transparent 0 calc(100% / var(--cells) - 1px),rgba(245,208,111,.08) calc(100% / var(--cells) - 1px) calc(100% / var(--cells))),repeating-linear-gradient(90deg,transparent 0 calc(100% / var(--cells) - 1px),rgba(245,208,111,.08) calc(100% / var(--cells) - 1px) calc(100% / var(--cells))),linear-gradient(160deg,#17204a 0%,var(--silk) 55%,#0e1430 100%);border:1px solid var(--silk-edge);border-radius:22px;box-shadow:0 0 0 6px #1219368c,0 0 60px #141c46e6,inset 0 0 44px #00000073;overflow:hidden}.cellsize{position:absolute;top:0;left:0;width:calc(100% / var(--cells));height:calc(100% / var(--cells));display:flex;align-items:center;justify-content:center;transition:transform var(--tick, .28s) linear;pointer-events:none;will-change:transform}.food{z-index:5}.food-card{width:90%;height:90%;border-radius:14px;background:#fff8ea;border-top:3px solid var(--gold-deep);border-bottom:3px solid var(--gold-deep);box-shadow:0 0 16px 3px #ffaa4680,inset 0 0 0 1.5px #c9a13f99;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;animation:food-bob 2.4s ease-in-out infinite}@keyframes food-bob{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-3px);filter:brightness(1.15)}}.food-img{flex:1 1 auto;width:100%;min-height:0;object-fit:cover;object-position:center;background:#fff;display:block}.food-emoji{flex:1;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,7vw,32px);background:#fff8e8}.food-word{flex:0 0 auto;font-size:clamp(9px,2.6vw,12px);font-weight:800;line-height:1.15;text-align:center;color:#3d1206;background:linear-gradient(180deg,#ffe9b8,#f5d06f);padding:3px 4px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seg{z-index:20}.seg-fill{width:78%;height:78%;border-radius:40%;background:linear-gradient(140deg,#ff8a5c,var(--coral) 55%,#c93a2c);box-shadow:inset 0 -3px 6px #78140580,inset 0 2px 4px #ffdca073,0 0 10px #ff5c4959}.seg.alt .seg-fill{background:linear-gradient(140deg,#ffd98a,var(--amber) 55%,#d4842a);box-shadow:inset 0 -3px 6px #96500a80,inset 0 2px 4px #ffe6aa80,0 0 10px #ffb3474d}.seg.head .seg-fill{width:88%;height:88%;background:linear-gradient(140deg,#ffe2a0,var(--gold) 45%,#d98a34);box-shadow:0 0 16px #f5d06fbf,inset 0 -4px 8px #96500a80}.seg-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.seg-face{width:28%;height:18%;margin-top:18%;border-radius:40%;background:#7c2d12;box-shadow:-10px -8px 0 -4px #fff,10px -8px 0 -4px #fff,-10px -8px 0 -6px #1a0e05,10px -8px 0 -6px #1a0e05}.seg-horns{position:absolute;top:10%;left:0;right:0;display:flex;justify-content:center;gap:28%}.seg-horns i{display:block;width:10px;height:14px;background:linear-gradient(var(--gold),var(--gold-deep));border-radius:4px 4px 2px 2px;transform:rotate(-12deg);box-shadow:0 0 6px #f5d06f99}.seg-horns i:last-child{transform:rotate(12deg)}.seg.head[data-dir=left] .seg-inner{transform:rotate(90deg)}.seg.head[data-dir=right] .seg-inner{transform:rotate(-90deg)}.seg.head[data-dir=down] .seg-inner{transform:rotate(180deg)}.seg.head[data-dir=up] .seg-inner{transform:rotate(0)}.float-word{position:absolute;transform:translate(-50%,-50%);font-family:Playfair Display,Georgia,serif;font-size:clamp(18px,5vw,26px);font-weight:800;color:var(--gold);text-shadow:0 0 18px rgba(245,208,111,.9),0 2px 6px rgba(0,0,0,.6);animation:float-up 1.1s ease-out forwards;pointer-events:none;z-index:50;white-space:nowrap}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-160%) scale(1.15)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud-progress{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;min-width:110px;font-size:clamp(15px,4vw,20px);font-weight:700;color:var(--gold);background:#121936d9;border:1px solid var(--silk-edge);padding:8px 14px 10px;border-radius:18px}.hud-progress-label{opacity:.8;font-size:.72em;margin-right:4px;text-transform:uppercase;letter-spacing:.04em}.hud-stats{margin-top:3px;color:var(--paper);font-size:10px;font-weight:600;white-space:nowrap}.hud-bar{margin-top:6px;height:7px;background:#ffffff17;border-radius:99px;overflow:hidden}.hud-bar-fill{height:100%;background:linear-gradient(90deg,var(--coral),var(--amber),var(--gold));box-shadow:0 0 12px #ffb347b3;border-radius:99px;transition:width .2s ease}.hud-mode{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:15px;font-weight:600;color:var(--paper);background:#121936d9;border:1px solid var(--silk-edge);padding:6px 14px;border-radius:99px}.hud-mute{pointer-events:auto;position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:52px;height:52px;border:1px solid var(--silk-edge);border-radius:50%;font-size:22px;color:var(--paper);background:#121936d9;cursor:pointer}.hud-mute:active{border-color:var(--gold)}.hud-hint{position:absolute;bottom:max(132px,calc(env(safe-area-inset-bottom) + 120px));left:50%;transform:translate(-50%);font-size:12px;font-weight:500;color:var(--ink-dim);background:#121936bf;border:1px solid var(--silk-edge);padding:6px 12px;border-radius:99px;white-space:nowrap}.dpad{pointer-events:auto;position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px;touch-action:none;-webkit-user-select:none;user-select:none}.dpad-row{display:flex;gap:6px;justify-content:center}.pad-btn{width:56px;height:56px;border:1px solid var(--silk-edge);border-radius:16px;font-size:22px;font-weight:900;color:var(--gold);background:#121936e6;box-shadow:0 4px #00000059;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.pad-btn:active{transform:translateY(3px);box-shadow:0 1px #00000059;background:#2a3565f2;border-color:var(--gold)}.menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20;overflow-y:auto}.menu-card{width:min(420px,100%);text-align:center}.menu-lantern{position:relative;width:112px;height:142px;margin:0 auto 6px;animation:lantern-sway 5s ease-in-out infinite;transform-origin:top center}@keyframes lantern-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.lantern-cord{position:absolute;left:50%;top:-36px;width:2px;height:40px;background:linear-gradient(var(--gold-deep),transparent);transform:translate(-50%)}.lantern-body{position:absolute;inset:6px 0 26px;border-radius:46%/50%;background:radial-gradient(circle at 50% 38%,#ffd98a 0%,var(--amber) 45%,#e2542e 100%);box-shadow:0 0 34px 8px #ffb3478c,inset 0 -12px 24px #a0280a8c;display:flex;align-items:center;justify-content:center;font-size:50px}.lantern-ribs{position:absolute;inset:6px 0 26px;border-radius:46%/50%;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(120,30,5,.28) 14px 16px)}.lantern-cap{position:absolute;left:32%;right:32%;height:10px;background:var(--gold-deep);border-radius:4px}.lantern-cap.top{top:0}.lantern-cap.bot{bottom:18px}.lantern-tassel{position:absolute;left:50%;bottom:-6px;width:4px;height:24px;transform:translate(-50%);background:linear-gradient(var(--gold-deep),var(--coral));border-radius:2px;animation:lantern-sway 3.5s ease-in-out infinite}.menu-eyebrow{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);opacity:.9;margin-bottom:4px}.menu-title{margin:4px 0;font-family:Playfair Display,Georgia,serif;font-weight:800;font-size:clamp(32px,8.5vw,46px);line-height:1.05;background:linear-gradient(180deg,#fff4d8 20%,var(--gold) 60%,var(--gold-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.menu-tag{margin:0;font-size:14px;font-weight:500;color:var(--ink-dim)}.menu-blurb{margin:12px auto 18px;max-width:320px;font-size:14px;line-height:1.5;color:var(--paper)}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-btn{border:1px solid var(--silk-edge);border-radius:18px;padding:16px 10px 14px;background:linear-gradient(180deg,#2a356580,#121936e6);color:var(--paper);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.mode-btn.free{background:linear-gradient(180deg,#48301e8c,#23160ceb)}.mode-btn:disabled{opacity:.5;cursor:wait}.mode-btn:active:not(:disabled),.mode-btn:hover:not(:disabled){border-color:var(--gold);box-shadow:0 8px 30px #f5d06f2e}.mode-icon{font-size:32px}.mode-name{font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:600;color:var(--gold)}.mode-desc{font-size:11px;font-weight:400;color:var(--ink-dim);line-height:1.3}.menu-loading{margin:12px 0 0;font-weight:500;color:var(--ink-dim)}.menu-loading.error{color:#ff9b8f}@media(max-width:480px),(max-height:700px){.game-stage{padding:66px 10px 150px}.board{width:min(94vw,calc(100vh - 226px));border-radius:16px}.food-card{width:92%;height:92%;border-radius:8px}.food-word,.hud-hint{display:none}}.menu-mute{margin-top:16px;border:1px solid var(--silk-edge);background:none;border-radius:99px;padding:10px 18px;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink-dim);font-family:inherit}.menu-mute:active,.menu-mute:hover{color:var(--paper);border-color:var(--gold)}.study{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;z-index:30;background:#0b1026b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.study-card{width:min(400px,100%);background:linear-gradient(170deg,#fff8e8,var(--paper) 55%,#f4e2bd);border-radius:24px;padding:22px 18px;box-shadow:0 18px 60px #00000080,0 0 40px #ffb3472e;text-align:center;color:#3a2410}.study-banner{font-family:Playfair Display,Georgia,serif;font-size:clamp(18px,5vw,24px);font-weight:800;color:#7c2d12}.study-sub{margin:6px 0 14px;font-size:13px;font-weight:600;color:#a16207}.flash{width:100%;min-height:240px;border:none;border-radius:20px;background:#fffdf8;box-shadow:inset 0 0 0 2px #c9a13f8c,0 6px 18px #7a4a122e;padding:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:inherit}.flash-emoji{font-size:60px}.flash-img{width:min(220px,70vw);height:160px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 4px 12px #3a241033}.flash-img-sm{height:96px;width:min(160px,50vw);margin-bottom:8px}.flash-vi{font-family:Playfair Display,Georgia,serif;font-size:clamp(28px,8vw,38px);font-weight:800;color:#7c2d12}.flash-roman{font-size:15px;font-weight:600;font-style:italic;color:#a16207}.flash-en{font-family:Playfair Display,Georgia,serif;font-size:clamp(26px,7vw,34px);font-weight:800;color:#1a5c8a}.flash-vi-small{font-size:18px;font-weight:600;color:#57432a}.flash-tap{margin-top:8px;font-size:12px;font-weight:600;color:#a08060}.study-actions{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}.big-button{border:none;border-radius:99px;padding:14px 24px;font-size:16px;font-weight:700;font-family:inherit;color:#3a2410;background:linear-gradient(180deg,var(--gold),var(--gold-deep));box-shadow:0 5px #8a6a20;cursor:pointer}.big-button.secondary{background:#7c2d12;box-shadow:0 5px #4a1a0a;color:var(--paper)}.big-button:active{transform:translateY(3px);box-shadow:0 2px #8a6a20}.text-link{border:none;background:none;color:#1a5c8a;font-weight:700;font-family:inherit;font-size:14px;cursor:pointer;text-decoration:underline;padding:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--preview-surface: rgba(10, 14, 34, .92);--preview-edge: #f5d06f;--preview-ink: #fff8e8;--preview-muted: #d8d9ec}html[data-theme] body{transition:none}.preview-badge{position:fixed;z-index:200;display:flex;align-items:center;gap:7px;min-height:30px;padding:6px 10px;color:var(--preview-ink);background:var(--preview-surface);border:1px solid var(--preview-edge);border-radius:999px;box-shadow:0 7px 24px #00000047;font-size:10px;line-height:1.1;letter-spacing:.02em;pointer-events:none}.preview-badge span{padding:3px 6px;border-radius:999px;color:#14101c;background:var(--preview-edge);font-weight:900;text-transform:uppercase}.preview-badge strong{font-size:11px;white-space:nowrap}.app:not([data-phase=playing]) .preview-badge{top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%)}.app[data-phase=playing] .preview-badge{bottom:max(18px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));max-width:158px}.app[data-phase=playing] .preview-badge strong{overflow:hidden;text-overflow:ellipsis}.board{isolation:isolate}.board:before,.board:after{content:"";position:absolute;inset:0;pointer-events:none}.board:before{z-index:1;border-radius:inherit}.board:after{z-index:2;inset:7px;border:1px solid color-mix(in srgb,var(--preview-edge) 46%,transparent);border-radius:15px}.food-card{position:relative}.food-img{background:linear-gradient(135deg,#f7e8c8,#fffdf4)}.food-emoji{flex-direction:column;gap:1px;color:#24180f;line-height:1}.food-emoji span{font-size:clamp(19px,6vw,29px)}.food-emoji small{width:100%;padding:0 2px;overflow:hidden;color:#24180f;font-size:8px;font-weight:900;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.seg-fill{position:relative;overflow:hidden}.seg-fill:before{content:"";position:absolute;inset:13%;border-radius:inherit;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.58) 0 8%,transparent 9%),radial-gradient(circle at 72% 68%,rgba(75,20,30,.32) 0 12%,transparent 13%);opacity:.8}.seg.head .seg-fill{overflow:visible}.seg.head .seg-fill:after{content:"";position:absolute;inset:-22%;z-index:-1;border:2px solid currentColor;border-radius:48%;opacity:.28;filter:blur(3px)}.seg.tail .seg-fill{width:64%;height:64%;border-radius:68% 30%;transform:rotate(45deg)}.seg-snout{position:absolute;top:52%;left:50%;transform:translate(-50%);color:#561a13;font-size:8px;line-height:1}.dpad{padding:8px;border:1px solid var(--preview-edge);border-radius:24px;background:var(--preview-surface);box-shadow:0 10px 30px #00000057}.pad-btn{min-width:44px;min-height:44px;border-width:2px}.flash-fallback{width:min(220px,70vw);min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:16px;background:linear-gradient(135deg,#f2d99f,#fff7e3);color:#3d2613}.flash-fallback span{font-size:58px}.flash-fallback small{font-size:16px;font-weight:800}html[data-theme=a]{--night: #09091c;--night2: #1c123d;--silk: #120d2b;--silk-edge: #af7a30;--gold: #ffd978;--gold-deep: #c28a32;--amber: #ffad45;--coral: #ef4f3c;--paper: #fff4df;--ink-dim: #d1c5e9;--preview-surface: rgba(39, 9, 24, .94);--preview-edge: #ffd978;--preview-ink: #fff7e5;--contrast-body-text: #fff4df;--contrast-body-bg: #27101f;--contrast-control-edge: #d99d4d;--contrast-control-bg: #46152c}html[data-theme=a] body{background:radial-gradient(circle at 12% 18%,rgba(240,61,52,.34),transparent 18%),radial-gradient(circle at 88% 30%,rgba(255,177,68,.2),transparent 20%),linear-gradient(145deg,#230818,#17103c 45%,#070817)}html[data-theme=a] .app:before{background-image:radial-gradient(circle at 12% 18%,rgba(255,208,104,.88) 0 2px,rgba(219,51,39,.36) 3px 18px,transparent 19px),radial-gradient(circle at 88% 31%,rgba(255,225,144,.76) 0 2px,rgba(234,83,45,.28) 3px 14px,transparent 15px),radial-gradient(1px 1px at 40px 70px,#fff3c9,transparent 60%);background-size:440px 440px,520px 520px,180px 180px;opacity:.78}html[data-theme=a] .menu-card{padding:24px 22px 20px;border:1px solid rgba(255,217,120,.42);border-radius:34px;background:linear-gradient(160deg,#521226b8,#0f0c2be0);box-shadow:0 26px 80px #04021094,inset 0 0 40px #ffc15e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=a] .menu-lantern{filter:drop-shadow(0 0 22px rgba(255,166,65,.65))}html[data-theme=a] .lantern-body{border:2px solid #ffd978;background:radial-gradient(circle at 50% 37%,#fff4bd 0 7%,#ffbd4d 32%,#db392e 72%,#681329)}html[data-theme=a] .menu-title{filter:drop-shadow(0 5px 18px rgba(255,169,67,.25))}html[data-theme=a] .board{background:repeating-linear-gradient(0deg,transparent 0 calc(12.5% - 1px),rgba(255,221,134,.24) calc(12.5% - 1px) 12.5%),repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(255,221,134,.24) calc(12.5% - 1px) 12.5%),radial-gradient(circle at 50% 42%,rgba(113,35,69,.42),transparent 60%),linear-gradient(145deg,#211448,#110c27 68%);border:5px solid #8d5226;box-shadow:0 0 0 2px #f0be58,0 0 0 9px #4d1d24,0 22px 55px #0000009e,inset 0 0 42px #00000080}html[data-theme=a] .board:before{background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 32%,rgba(255,172,80,.04) 68%,transparent)}html[data-theme=a] .food-card{border:2px solid #ffd978;border-top-width:3px;border-bottom-width:4px;background:#3b111b;box-shadow:0 0 0 1px #7d2c27,0 0 18px #ffb448b8}html[data-theme=a] .food-word{color:#32120b;background:linear-gradient(#fff1b9,#eebd55)}html[data-theme=a] .seg-fill{background:linear-gradient(145deg,#ff826a,#d92f3c 55%,#771432);border:1px solid #ffb879}html[data-theme=a] .seg.alt .seg-fill{background:linear-gradient(145deg,#ffd877,#e99732 55%,#9a3d28)}html[data-theme=a] .seg.head .seg-fill{color:#ffd978;background:linear-gradient(145deg,#fff2a8,#f2b43f 48%,#bb492a);border:2px solid #fff0ae;box-shadow:0 0 22px #ffd260f5,inset 0 -5px 7px #5f161475}html[data-theme=a] .hud-progress,html[data-theme=a] .hud-mode,html[data-theme=a] .hud-mute{background:linear-gradient(160deg,#4c0f22f5,#140d30f0);border-color:#c7893d;box-shadow:0 7px 24px #00000057}html[data-theme=a] .dpad{border-color:#d99d4d;background:linear-gradient(155deg,#581224f5,#190d2efa);box-shadow:0 8px #38101d,0 18px 34px #0000007a}html[data-theme=a] .pad-btn{color:#ffe08a;border-color:#c7893d;background:linear-gradient(#7f2535,#46152c);box-shadow:inset 0 1px #ffeaad47,0 4px #270a17}html[data-theme=a] .study-card{border:3px solid #a8672d;background:linear-gradient(160deg,#fff9e9,#f0d9a8);box-shadow:0 0 0 8px #4b1726,0 26px 70px #00000094}html[data-theme=b]{--night: #f4dfb2;--night2: #ffeec8;--silk: #d5a85c;--silk-edge: #356a54;--gold: #f1b934;--gold-deep: #a65d1b;--amber: #f6a53e;--coral: #e45c4b;--paper: #fffaf0;--ink-dim: #4b4e42;--preview-surface: rgba(255, 250, 235, .96);--preview-edge: #17624c;--preview-ink: #183d32;--contrast-body-text: #3f443a;--contrast-body-bg: #fffaf0;--contrast-control-edge: #784621;--contrast-control-bg: #fff1ba}html[data-theme=b] body{color:#243d34;background:radial-gradient(circle at 15% 15%,rgba(231,89,73,.22),transparent 22%),radial-gradient(circle at 84% 18%,rgba(63,157,140,.2),transparent 25%),linear-gradient(145deg,#fff6da,#efd59d)}html[data-theme=b] .app:before{background-image:linear-gradient(30deg,rgba(122,75,27,.06) 12%,transparent 12.5%,transparent 87%,rgba(122,75,27,.06) 87.5%),linear-gradient(150deg,rgba(122,75,27,.06) 12%,transparent 12.5%,transparent 87%,rgba(122,75,27,.06) 87.5%),radial-gradient(circle at 20px 20px,rgba(201,105,52,.12) 0 2px,transparent 3px);background-size:38px 66px,38px 66px,72px 72px;opacity:.75}html[data-theme=b] .preview-badge span{color:#fffaf0}html[data-theme=b] .menu-card{padding:24px 22px 20px;border:2px solid #ad7131;border-radius:30px 30px 48px;background:#fffaebf0;box-shadow:9px 12px #527b5c38,0 24px 55px #54391633}html[data-theme=b] .menu-lantern{width:126px;height:126px;margin-bottom:10px;animation:story-bounce 3.4s ease-in-out infinite}@keyframes story-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}html[data-theme=b] .lantern-cord,html[data-theme=b] .lantern-cap,html[data-theme=b] .lantern-tassel,html[data-theme=b] .lantern-ribs{display:none}html[data-theme=b] .lantern-body{inset:0;border:4px solid #17624c;border-radius:54% 46% 48% 52%;background:radial-gradient(circle at 36% 25%,#fff7bd,#f3b845 52%,#e87052);box-shadow:8px 8px #7eb29a,inset 0 -8px #a951272e;font-size:58px}html[data-theme=b] .menu-eyebrow{color:#a13f2f;opacity:1}html[data-theme=b] .menu-title{color:#17624c;background:none;-webkit-text-fill-color:currentColor;text-shadow:2px 3px 0 #f3bd48}html[data-theme=b] .menu-tag,html[data-theme=b] .menu-blurb,html[data-theme=b] .menu-loading,html[data-theme=b] .menu-mute{color:#3f443a}html[data-theme=b] .mode-btn{color:#263d34;border:2px solid #28715b;background:linear-gradient(#fef7da,#eed08b);box-shadow:0 5px #9f7031}html[data-theme=b] .mode-btn.free{background:linear-gradient(#d9f2dd,#9fd0ae)}html[data-theme=b] .mode-name{color:#145642}html[data-theme=b] .mode-desc{color:#3f443a}html[data-theme=b] .board{background:repeating-linear-gradient(0deg,transparent 0 calc(12.5% - 1px),rgba(58,67,44,.42) calc(12.5% - 1px) 12.5%),repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(58,67,44,.42) calc(12.5% - 1px) 12.5%),repeating-linear-gradient(45deg,rgba(127,80,31,.08) 0 3px,transparent 3px 8px),linear-gradient(135deg,#e8c47a,#c9944d);border:7px solid #8b5b2d;box-shadow:0 0 0 3px #f4dda0,9px 12px #31624c57,0 22px 50px #5f3a1538}html[data-theme=b] .board:before{background:linear-gradient(100deg,rgba(255,252,219,.28),transparent 35%,rgba(112,70,24,.08))}html[data-theme=b] .food-card{border:2px solid #17624c;background:#fffaf0;box-shadow:0 3px #8a5b2d,0 5px 10px #3f2c1747}html[data-theme=b] .food-word{color:#193d32;background:#fff2b6}html[data-theme=b] .seg-fill{background:linear-gradient(145deg,#f88867,#df5548 62%,#a23f39);border:2px solid #7e2f2c;box-shadow:inset 0 2px #fff4cd94,0 3px #5e391f42}html[data-theme=b] .seg.alt .seg-fill{background:linear-gradient(145deg,#70c3a5,#279276 60%,#17624c);border-color:#124d3d}html[data-theme=b] .seg.head .seg-fill{color:#183d32;background:linear-gradient(145deg,#ffe976,#f4b83c 60%,#e1704e);border:3px solid #17624c;box-shadow:0 4px #8c5c2b,0 8px 16px #4a34194d}html[data-theme=b] .seg-face{background:#a13f2f}html[data-theme=b] .hud-progress,html[data-theme=b] .hud-mode,html[data-theme=b] .hud-mute{color:#183d32;background:#fffaebf5;border:2px solid #17624c;box-shadow:0 5px #80522557}html[data-theme=b] .hud-progress{color:#7e2f2c}html[data-theme=b] .hud-stats{color:#243d34}html[data-theme=b] .hud-bar{background:#183d322b}html[data-theme=b] .dpad{border:3px solid #17624c;background:#e9cc91;box-shadow:0 8px #8b5b2d,0 16px 30px #4e351940}html[data-theme=b] .pad-btn{color:#173f34;border-color:#784621;background:linear-gradient(#fff1ba,#d9a75b);box-shadow:inset 0 2px #fff8d7,0 4px #855329}html[data-theme=b] .study{background:#5e411d47}html[data-theme=b] .study-card{border:2px solid #17624c;border-radius:28px 28px 48px;background:#fffaf0;box-shadow:10px 12px #8fc3a5,0 26px 60px #4e351942}html[data-theme=b] .flash{border:2px solid #b36c32;background:#fffdf5}html[data-theme=c]{--night: #03050f;--night2: #071226;--silk: #061222;--silk-edge: #00d9ff;--gold: #50ffb1;--gold-deep: #0cc77e;--amber: #ffd43b;--coral: #ff3fad;--paper: #f3fbff;--ink-dim: #bdd6e6;--preview-surface: rgba(3, 8, 24, .95);--preview-edge: #55ffc1;--preview-ink: #f4fbff;--contrast-body-text: #d7e9f3;--contrast-body-bg: #030918;--contrast-control-edge: #55ffc1;--contrast-control-bg: #081023}html[data-theme=c] body{background:radial-gradient(circle at 16% 18%,rgba(255,39,174,.2),transparent 23%),radial-gradient(circle at 84% 20%,rgba(0,225,255,.16),transparent 25%),linear-gradient(155deg,#060318,#031020 55%,#02040c)}html[data-theme=c] .app:before{background-image:linear-gradient(rgba(0,218,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,218,255,.08) 1px,transparent 1px),linear-gradient(135deg,transparent 46%,rgba(255,63,173,.05) 48%,transparent 50%);background-size:36px 36px,36px 36px,72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 95%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 95%);opacity:1}html[data-theme=c] .preview-badge{box-shadow:0 0 18px #50ffb15c}html[data-theme=c] .menu-card{padding:24px 22px 20px;border:1px solid #00d9ff;border-radius:24px;background:linear-gradient(150deg,#07152ce6,#030511f0);box-shadow:0 0 0 1px #ff3fad5c,0 0 46px #00d9ff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=c] .menu-lantern{width:116px;height:116px;margin-bottom:16px;animation:neon-pulse 1.7s ease-in-out infinite}@keyframes neon-pulse{0%,to{transform:scale(.98);filter:drop-shadow(0 0 9px #00d9ff)}50%{transform:scale(1.03);filter:drop-shadow(0 0 19px #ff3fad)}}html[data-theme=c] .lantern-cord,html[data-theme=c] .lantern-cap,html[data-theme=c] .lantern-tassel,html[data-theme=c] .lantern-ribs{display:none}html[data-theme=c] .lantern-body{inset:0;border:3px solid #55ffc1;border-radius:26px;background:radial-gradient(circle,#00d9ff33,#ff3fad21 56%,#020715f2 57%);box-shadow:inset 0 0 24px #00d9ff47,0 0 0 2px #ff3fad8c,0 0 34px #00d9ff59}html[data-theme=c] .menu-eyebrow{color:#55ffc1}html[data-theme=c] .menu-title{color:#f5fbff;background:none;-webkit-text-fill-color:currentColor;text-shadow:-2px 0 #ff3fad,2px 0 #00d9ff,0 0 18px rgba(0,217,255,.46);letter-spacing:-.03em}html[data-theme=c] .menu-tag,html[data-theme=c] .menu-blurb{color:#d7e9f3}html[data-theme=c] .mode-btn{border:2px solid #00d9ff;background:linear-gradient(145deg,#041c2ef5,#08091ffa);box-shadow:0 0 16px #00d9ff2e}html[data-theme=c] .mode-btn.free{border-color:#ff3fad;background:linear-gradient(145deg,#2d0728f5,#08091ffa);box-shadow:0 0 16px #ff3fad2e}html[data-theme=c] .mode-name{color:#55ffc1}html[data-theme=c] .mode-desc{color:#bdd6e6}html[data-theme=c] .board{background:repeating-linear-gradient(0deg,transparent 0 calc(12.5% - 2px),rgba(0,224,255,.52) calc(12.5% - 2px) 12.5%),repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 2px),rgba(0,224,255,.52) calc(12.5% - 2px) 12.5%),radial-gradient(circle at 50% 50%,rgba(0,217,255,.11),transparent 58%),#030a17;border:3px solid #55ffc1;border-radius:14px;box-shadow:0 0 0 2px #082b3d,0 0 24px #00d9ff6b,0 0 52px #ff3fad1f,inset 0 0 30px #00d9ff14}html[data-theme=c] .board:before{background:linear-gradient(90deg,transparent,rgba(80,255,177,.05),transparent);animation:lane-scan 2.6s linear infinite}@keyframes lane-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}html[data-theme=c] .board:after{border-color:#ff3fad8c;border-radius:8px}html[data-theme=c] .food-card{border:2px solid #ff3fad;border-radius:8px;background:#071123;box-shadow:0 0 0 1px #00d9ff,0 0 17px #ff3fadc7;animation-duration:1.55s}html[data-theme=c] .food-word{color:#031019;background:#55ffc1}html[data-theme=c] .seg-fill{background:linear-gradient(145deg,#ff63c3,#f31e9a 55%,#781370);border:2px solid #ffb5e4;border-radius:34%;box-shadow:0 0 10px #ff3fade0,inset 0 0 8px #ffffff59}html[data-theme=c] .seg.alt .seg-fill{background:linear-gradient(145deg,#6fffd0,#11d993 58%,#067a6d);border-color:#c3ffe9;box-shadow:0 0 10px #50ffb1e0,inset 0 0 8px #ffffff59}html[data-theme=c] .seg.head .seg-fill{color:#55ffc1;background:linear-gradient(145deg,#e9ffff,#00d9ff 46%,#2365ff);border:3px solid #f4ffff;box-shadow:0 0 8px #fff,0 0 22px #00d9ff,0 0 38px #ff3fad85}html[data-theme=c] .seg.head .seg-fill:after{inset:-35%;border-color:#55ffc1;opacity:.56}html[data-theme=c] .seg-face{background:#06112a;box-shadow:-10px -8px 0 -4px #fff,10px -8px 0 -4px #fff,-10px -8px 0 -6px #ff3fad,10px -8px 0 -6px #ff3fad}html[data-theme=c] .seg-snout{color:#06112a}html[data-theme=c] .hud-progress,html[data-theme=c] .hud-mode,html[data-theme=c] .hud-mute{color:#f3fbff;background:#030918f0;border:1px solid #00d9ff;border-radius:8px;box-shadow:0 0 14px #00d9ff3d}html[data-theme=c] .hud-progress{color:#55ffc1}html[data-theme=c] .hud-bar-fill{background:linear-gradient(90deg,#00d9ff,#55ffc1,#ff3fad)}html[data-theme=c] .dpad{border:2px solid #00d9ff;border-radius:18px;background:#030918f5;box-shadow:0 0 0 1px #ff3fad80,0 0 28px #00d9ff47}html[data-theme=c] .pad-btn{color:#f5ffff;border-color:#55ffc1;border-radius:10px;background:linear-gradient(145deg,#0c3450,#081023);box-shadow:inset 0 0 12px #00d9ff2e,0 0 9px #50ffb138}html[data-theme=c] .pad-btn:active{background:#421040;border-color:#ff3fad}html[data-theme=c] .study{background:#01030cc2}html[data-theme=c] .study-card{color:#eefaff;border:2px solid #00d9ff;border-radius:18px;background:linear-gradient(150deg,#07182a,#090717);box-shadow:0 0 0 1px #ff3fad,0 0 42px #00d9ff47}html[data-theme=c] .study-banner,html[data-theme=c] .flash-vi{color:#55ffc1;text-shadow:0 0 12px rgba(80,255,177,.32)}html[data-theme=c] .study-sub,html[data-theme=c] .flash-roman{color:#ffd65a}html[data-theme=c] .flash{color:#eefaff;border:1px solid #ff3fad;background:#071224;box-shadow:inset 0 0 0 1px #00d9ff85,0 0 18px #ff3fad2e}html[data-theme=c] .flash-en,html[data-theme=c] .flash-vi-small{color:#eaf9ff}html[data-theme=c] .flash-tap{color:#bdd6e6}html[data-theme=c] .big-button{color:#031019;background:#55ffc1;box-shadow:0 4px #078b67,0 0 12px #50ffb147}html[data-theme=c] .big-button.secondary{color:#fff;background:#8f166f;box-shadow:0 4px #4a0a3b}html[data-theme=c] .text-link{color:#66e7ff}@media(max-width:480px),(max-height:700px){.preview-badge{min-height:28px;padding:5px 8px}.app:not([data-phase=playing]) .preview-badge{top:max(6px,env(safe-area-inset-top))}.app[data-phase=playing] .preview-badge{max-width:154px}.board:after{border-radius:9px}html[data-theme] .food-card{border-width:1px}.food-word{display:block;padding:1px 2px;font-size:6.5px;line-height:1}.food-emoji span{font-size:19px}.food-emoji small{font-size:7px}.seg-horns i{width:6px;height:9px}}@media(max-height:720px){.menu-card{transform:scale(.92)}.app:not([data-phase=playing]) .preview-badge{z-index:220}}.character-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 2px rgba(255,218,120,.95)) drop-shadow(0 2px 2px rgba(8,12,20,.72))}.seg .character-svg{width:100%;height:100%}.character-main,.character-connector,.character-tail-core{fill:#19815f;stroke:#ffe08a;stroke-width:5;stroke-linejoin:round}.character-connector{stroke-width:4}.character-mane,.character-tail-fin{fill:#c72f3d;stroke:#ffd06b;stroke-width:4;stroke-linejoin:round}.character-horn{fill:#f6c85a;stroke:#6b321d;stroke-width:3}.character-muzzle{fill:#fff0c2;stroke:#b36b2d;stroke-width:3}.character-eye{fill:#fffdf1;stroke:#143029;stroke-width:2}.character-pupil,.character-nostril{fill:#10231f}.character-brow,.character-mouth,.character-whisker,.character-tongue{fill:none;stroke:#661c26;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.character-whisker{stroke:#ffe08a;stroke-width:3}.character-tongue{stroke:#e32948;stroke-width:5}.character-snake .character-main,.character-snake .character-connector,.character-snake .character-tail-core{fill:#37a96f;stroke:#f6d465}.character-snake-belly{fill:#f5ce61;stroke:#965125;stroke-width:3}.character-body-edge{fill:none;stroke:#ffe08a;stroke-width:62;stroke-linecap:butt;stroke-linejoin:round}.character-body-core{fill:none;stroke:#19815f;stroke-width:48;stroke-linecap:butt;stroke-linejoin:round}.character-snake .character-body-core{stroke:#37a96f}.character-scale-mark{fill:none;stroke:#8ce0a9;stroke-width:5;stroke-dasharray:3 13;stroke-linecap:round}.character-tail-edge{fill:#ffe08a;stroke:#ffe08a;stroke-width:4;stroke-linejoin:round}.character-tail-core{stroke-width:3}.character-portrait{display:inline-block;width:52px;height:52px;flex:0 0 auto;vertical-align:middle}.character-portrait.compact{width:30px;height:30px;margin:-7px 2px -7px -7px}.lantern-body .character-portrait{width:76%;height:76%}.mode-icon{display:flex;min-height:52px;align-items:center;justify-content:center}.hud-mode{display:flex;align-items:center;gap:4px}html[data-theme=a] .character-svg{filter:drop-shadow(0 0 2px #fff0ae) drop-shadow(0 0 7px rgba(255,181,74,.98)) drop-shadow(0 3px 2px rgba(6,7,18,.85))}html[data-theme=b] .character-svg{filter:drop-shadow(0 2px 1px rgba(86,48,22,.65))}html[data-theme=c] .character-svg{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px rgba(0,235,201,.95))}@media(prefers-reduced-motion:reduce){.character-svg{transition:none}}