.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;z-index:1}.scene__wall{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 46% at 50% 34%,#ffc67a1a,#ffc67a00 70%),radial-gradient(120% 90% at 50% -12%,#6e341c,#4c1f10 42%,#31150b 78%,#220d06)}.scene__arch{position:absolute;left:50%;top:6%;width:clamp(520px,58vw,900px);height:clamp(380px,44vh,560px);transform:translate(-50%);background:linear-gradient(90deg,transparent 14%,rgba(24,10,5,.5) 15%,rgba(24,10,5,.5) 85%,transparent 86%),radial-gradient(62% 90% at 50% 0%,transparent 60%,rgba(18,8,4,.4) 100%);border-radius:50% 50% 0 0/100% 100% 0 0;opacity:.7;-webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 55%,transparent 96%);mask-image:radial-gradient(120% 100% at 50% 0%,#000 55%,transparent 96%)}.scene__lantern{position:absolute;left:50%;top:3.5vh;width:clamp(64px,7.5vw,110px);transform:translate(-50%);filter:drop-shadow(0 0 22px rgba(255,190,96,.5));animation:lantern-sway 7s var(--ease-float) infinite;transform-origin:top center;pointer-events:none}@keyframes lantern-sway{0%,to{transform:translate(-50%) rotate(-1.4deg)}50%{transform:translate(-50%) rotate(1.4deg)}}.scene__rug{position:absolute;left:50%;bottom:-18%;width:clamp(360px,46vw,640px);aspect-ratio:2.1 / 1;transform:translate(-50%);border-radius:50%;background:radial-gradient(50% 52% at 50% 44%,#0000 52%,#e8aa5429 60%,#0000 66%),radial-gradient(50% 52% at 50% 44%,#0000 66%,#e8aa5433 74%,#0000 80%),radial-gradient(50% 52% at 50% 44%,#0000 80%,#e8aa5438 88%,#0000),repeating-radial-gradient(ellipse at 50% 46%,#e8aa541f 0,#e8aa541f 4px,#0000 4px,#0000 9px);opacity:.85}.scene__table{position:absolute;left:-25%;right:-25%;bottom:-30%;height:72%;border-radius:50%;background:radial-gradient(92% 100% at 50% 0%,#ffbe6033,#0000 48%),radial-gradient(120% 100% at 50% 20%,#5f2010,#3f1209 55%,#250c05);box-shadow:inset 0 -16px 56px #0c0502b3,0 -10px 44px #0c05028c;border-top:6px solid rgba(255,233,180,.16)}.scene__plant{position:absolute;bottom:6%;width:clamp(120px,15vw,220px);pointer-events:none;opacity:.9}.scene__plant--left{left:1%}.scene__plant--right{right:1%;transform:scaleX(-1)}.scene__light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(50% 42% at 50% 42%,#ffd88c38,#ffd88c00 70%),radial-gradient(140% 90% at 50% 120%,#0000 40%,#1007039e),radial-gradient(120% 100% at 50% 0%,#ffaa501f,#0000 45%)}.scene__props{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.scene__prop{position:absolute;border-radius:50%;opacity:.45;filter:blur(1px);background:radial-gradient(circle at 35% 35%,#ffd98e,#d1822c);box-shadow:0 0 10px #f0b2558c;animation:prop-flicker 5s var(--ease-float) infinite}@keyframes prop-flicker{0%,to{opacity:.4}50%{opacity:.7}}.scene__prop--one{width:clamp(9px,2vmin,14px);height:clamp(9px,2vmin,14px);left:12%;top:22%}.scene__prop--two{width:clamp(7px,1.6vmin,11px);height:clamp(7px,1.6vmin,11px);right:14%;top:14%}.scene__prop--three{width:clamp(6px,1.5vmin,10px);height:clamp(6px,1.5vmin,10px);left:46%;top:8%}.scene__prop--four{width:clamp(8px,1.8vmin,12px);height:clamp(8px,1.8vmin,12px);right:30%;bottom:8%;opacity:.35}.scene__prop--five{width:clamp(7px,1.6vmin,11px);height:clamp(7px,1.6vmin,11px);right:3%;bottom:22%;opacity:.5}@media (max-width: 720px){.scene__lantern{top:1.6vh;width:clamp(40px,8vw,56px)}.scene__arch{top:2%}.scene__plant{width:clamp(70px,20vw,110px);bottom:12%;opacity:.7}}.plate{position:absolute;left:44.9%;top:calc(40.2% + 10px);transform:translate(-50%,-50%);width:clamp(138px,10.8vw,171px);aspect-ratio:1;border-radius:50%;z-index:10;pointer-events:none}@media (max-width: 720px){.plate{left:50%;top:47.7%;width:clamp(126px,25.2vmin,159px)}}@media (min-width: 721px) and (max-width: 1100px){.plate{width:clamp(129px,12vw,150px)}}.plate__rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff8d68c,#fff8d600 42%),repeating-radial-gradient(circle at 50% 50%,#7a4f1f59 0,#7a4f1f59 1px,#0000 1px,#0000 7px),radial-gradient(circle at 32% 26%,#f8e4b6,#e3bb6d 16%,#c28f38 40%,#9a6730,#7a4f1f 84%,#6b4518);box-shadow:inset 0 10px 18px #fff4cd80,inset 0 -16px 30px #2814068c,inset 0 0 0 2px #ffe9b440,0 16px 40px #0a040299}.plate__ring{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:3px solid rgba(122,79,31,.6);border-top-color:#ffeab499;border-bottom-color:#40260e99;box-shadow:inset 0 0 0 6px #ffe9b41f,0 0 0 2px #ffeab433}.plate__petals{position:absolute;top:10.5%;right:10.5%;bottom:10.5%;left:10.5%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe9b429,#ffe9b429 3.5deg,#6e461c38 3.5deg,#6e461c38 10deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 0 62%,#000 71% 100%);mask-image:radial-gradient(circle at 50% 50%,#0000 0,#0000 62%,#000 71%,#000)}.plate__well{position:absolute;top:17%;right:17%;bottom:17%;left:17%;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff4cdb3,#fff4cd00 42%),radial-gradient(circle at 50% 52%,#e9c377,#cf9a45 52%,#a9722c);box-shadow:inset 0 6px 12px #3c200873,0 1px #ffecbe59}.plate__glow{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;opacity:0;transition:opacity var(--dur-quick) ease;background:radial-gradient(circle at 50% 50%,#ffc86e00 54%,#ffc86e61 78%,#ffc86e00);filter:blur(3px)}.plate[data-reaction=approach] .plate__glow{opacity:1;animation:plate-pulse .9s var(--ease-float) infinite}.plate[data-reaction=landed] .plate__glow{opacity:1;animation:plate-settle .52s var(--ease-land) 1}@keyframes plate-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}}@keyframes plate-settle{0%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.dish{--dish-size: clamp(120px, 15.5vmin, 148px);position:absolute;transform:translate(-50%,-50%);width:var(--dish-size);height:var(--dish-size);display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:12;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:box-shadow var(--dur-quick) ease,opacity var(--dur-quick) ease;border:none;background:none;padding:0}@media (max-width: 720px){.dish{--dish-size: clamp(64px, 15.5vmin, 88px)}}@media (min-width: 721px) and (max-width: 1100px){.dish{--dish-size: clamp(92px, 14.5vmin, 120px)}}.dish__img{width:92%;height:92%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 14px 18px rgba(30,14,4,.45));transition:transform var(--dur-quick) ease,filter var(--dur-quick) ease;animation:dish-float 6s var(--ease-float) infinite}@keyframes dish-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dish__plaque{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:6.5rem;width:clamp(7rem,10vw,9rem);max-width:9.5rem;padding:.3rem .55rem;border-radius:7px;text-align:center;background:linear-gradient(165deg,#34180be0,#200e07eb);border:1px solid rgba(201,150,63,.45);box-shadow:0 4px 12px #14090466,inset 0 1px #ffe9b424;transition:opacity var(--dur-quick) ease;pointer-events:none;white-space:nowrap}.dish__name{display:block;font-family:var(--font-display);font-size:clamp(.78rem,1.9vmin,1.02rem);letter-spacing:.08em;color:var(--amber);text-shadow:0 1px 6px rgba(20,9,4,.85)}.dish__sub{display:block;margin-top:.08rem;font-size:clamp(.62rem,1.5vmin,.78rem);letter-spacing:.06em;color:var(--cream-dim);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dish:hover .dish__img,.dish:focus-visible .dish__img{transform:scale(1.08) rotate(-2deg);filter:drop-shadow(0 18px 22px rgba(30,14,4,.5))}.dish.is-picked{cursor:grabbing}.dish.is-picked .dish__img{transform:scale(1.14);animation:none;filter:drop-shadow(0 22px 26px rgba(20,9,4,.5)) drop-shadow(0 0 18px rgba(240,178,85,.45))}.dish.is-flying{position:fixed;z-index:30;transition:left var(--dur-land) var(--ease-land),top var(--dur-land) var(--ease-land);pointer-events:none}.dish.is-flying .dish__img{animation:none;transform:scale(.92)}.dish.is-active{position:fixed;z-index:14;transition:left var(--dur-land) var(--ease-land),top var(--dur-land) var(--ease-land)}.dish.is-active .dish__img{filter:drop-shadow(0 14px 18px rgba(30,14,4,.45)) drop-shadow(0 0 12px rgba(240,178,85,.35))}.dish:disabled{cursor:default}.dish.is-muted .dish__img{opacity:.35;filter:grayscale(.6) drop-shadow(0 8px 10px rgba(30,14,4,.35))}@media (max-width: 720px){.dish.is-active,.dish.is-flying{position:fixed}}.regional{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--dur-reveal) var(--ease-land),visibility var(--dur-reveal)}.regional[data-visible=true]{opacity:1;visibility:visible}.regional__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 100% at 50% 0%,color-mix(in srgb,var(--veil-a) 45%,transparent) 0%,color-mix(in srgb,var(--veil-a) 30%,transparent) 40%,transparent 70%),radial-gradient(120% 90% at 50% 100%,var(--veil-b) 0%,transparent 78%)}.regional__motif{position:absolute;left:44.9%;bottom:2%;transform:translate(-50%) translateY(2%);width:min(620px,94vw);opacity:0;transition:opacity var(--dur-reveal) var(--ease-land) .18s,transform var(--dur-reveal) var(--ease-land) .18s;mix-blend-mode:screen;filter:drop-shadow(0 -10px 30px rgba(20,9,4,.6))}.regional[data-visible=true] .regional__motif{opacity:.6;transform:translate(-50%) translateY(0)}.regional__content{position:absolute;left:44.9%;top:38%;transform:translate(-50%,-50%);text-align:center;z-index:2;text-shadow:0 4px 24px rgba(12,5,2,.75)}.regional__eyebrow{display:inline-block;padding:.35rem 1.1rem;border-radius:999px;border:1px solid rgba(240,178,85,.5);color:var(--amber-soft);letter-spacing:.28em;text-transform:uppercase;font-size:clamp(.62rem,1.6vmin,.85rem);background:#2b130859;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-land) .12s,transform .6s var(--ease-land) .12s}.regional__title{margin:.6rem 0 0;font-family:var(--font-display);font-size:clamp(2.2rem,9vmin,5rem);letter-spacing:.06em;color:var(--amber);font-weight:700;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-land) .22s,transform .6s var(--ease-land) .22s}.regional__script{margin:.5rem 0 1rem;font-size:clamp(1rem,3.6vmin,2rem);color:var(--cream);letter-spacing:.1em;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-land) .3s,transform .6s var(--ease-land) .3s}.regional__note{margin:0 auto;max-width:36ch;font-size:clamp(.74rem,1.9vmin,1rem);color:var(--cream-dim);opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-land) .38s,transform .6s var(--ease-land) .38s}.regional[data-visible=true] .regional__eyebrow,.regional[data-visible=true] .regional__title,.regional[data-visible=true] .regional__script,.regional[data-visible=true] .regional__note{opacity:1;transform:translateY(0)}@media (max-width: 720px){.regional__motif,.regional__content{left:50%}.regional__content{top:34%}}.scene-transition{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden}.scene-transition__beam{position:absolute;left:-25%;right:-25%;top:-15%;bottom:-15%;opacity:0;transform:translate(-70%) scale(.5);background:radial-gradient(30% 40% at 50% 55%,#ffd68c80,#ffd68c00 72%)}.scene-transition[data-phase=landing] .scene-transition__beam{animation:beam-sweep var(--dur-land) var(--ease-land) 1 forwards}@keyframes beam-sweep{0%{opacity:0;transform:translate(-70%) scale(.5)}30%{opacity:1}to{opacity:0;transform:translate(70%) scale(1.1)}}.player{position:relative;flex:0 0 auto;margin-top:auto;width:100%;min-height:clamp(300px,31vh,340px);z-index:30;display:flex;flex-direction:column;gap:.6rem;padding:.85rem .95rem;border-radius:20px;background:linear-gradient(160deg,#33180beb,#240f08f2);border:1px solid rgba(201,150,63,.35);box-shadow:0 18px 46px #08040299,inset 0 1px #ffe9b42e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .32s var(--ease-land);pointer-events:none}.player[data-visible=true]{opacity:1;pointer-events:auto}.player__tube{position:absolute;left:-10000px;top:0;width:640px;height:360px;pointer-events:none}.player__tube-frame{width:100%;height:100%}.player--empty{min-height:clamp(120px,15vh,150px);justify-content:center}.player__empty-main{display:flex;align-items:center;gap:.85rem;text-align:left}.player__empty-art{width:62px;height:62px;min-width:62px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;color:var(--cream);background:radial-gradient(circle at 35% 30%,#e6bd70,#94592a 80%);box-shadow:inset 0 1px #fff0cd66,0 8px 16px #0f060380;animation:disc-spin 9s linear infinite}@keyframes disc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player__empty-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.player__empty-title{font-family:var(--font-display);font-size:.98rem;color:var(--cream);line-height:1.25}.player__empty-hint{font-size:.7rem;font-style:italic;color:var(--cream-dim)}.player__top{display:flex;align-items:flex-start;gap:.85rem;padding-right:1.6rem}.player__close{position:absolute;top:.7rem;right:.75rem;width:30px;height:30px;min-width:30px;border-radius:999px;border:1px solid rgba(240,178,85,.4);color:var(--amber);font-size:1.05rem;line-height:1;background:#2b130859;transition:transform var(--dur-quick) ease,opacity var(--dur-quick) ease}.player__close:hover,.player__close:focus-visible{transform:scale(1.08);opacity:1;border-color:#f2a98b99;color:#f2a98b}.player.player--pill .player__close{position:static;flex-shrink:0}.player__art{position:relative;width:98px;height:105px;min-width:98px;border-radius:14px;display:grid;place-items:center;font-size:1.7rem;color:var(--cream);background:radial-gradient(circle at 35% 30%,#e6bd70,#94592a 80%);box-shadow:inset 0 1px #fff0cd66,0 8px 18px #0f060380}.player__art-mark{transition:opacity var(--dur-quick) ease}.player__bars{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;gap:3px}.player__bars i{width:4px;height:40%;border-radius:2px;background:var(--cream);animation:bar-bounce .7s var(--ease-float) infinite}.player__bars i:nth-child(2){animation-delay:.13s}.player__bars i:nth-child(3){animation-delay:.26s}.player__art.is-playing .player__art-mark{opacity:0}.player__art.is-playing .player__bars{display:flex}@keyframes bar-bounce{0%,to{height:35%}50%{height:100%}}.player__meta{flex:1 1 auto;min-width:0}.player__eyebrow{display:block;font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--amber-soft)}.player__title{display:block;margin-top:.15rem;font-family:var(--font-display);font-size:clamp(.85rem,1.9vmin,1.05rem);color:var(--cream);line-height:1.2}.player__artist{display:block;margin-top:.1rem;font-size:.7rem;color:var(--cream-dim);line-height:1.3}.player__chips{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.player__region,.player__source,.player__dish{font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-light);border:1px solid rgba(201,150,63,.4);border-radius:999px;padding:.16rem .55rem;white-space:nowrap}.player__source,.player__dish{color:var(--cream-dim)}.player__progress{height:5px;border-radius:99px;background:#f0b2552e;overflow:hidden}.player__progress-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--amber-deep),var(--amber));transition:width .25s linear}.player__hint{font-size:.6rem;letter-spacing:.05em;color:var(--cream-dim);opacity:.8;font-style:italic}.player__actions{display:flex;align-items:center;justify-content:center;gap:.6rem}.player__play{width:44px;height:44px;border-radius:999px;font-size:.95rem;line-height:1;color:var(--night);background:radial-gradient(circle at 32% 30%,#f6d89e,#d99a3d 78%);box-shadow:0 6px 16px #0a05028c,inset 0 1px #fff4cd99;transition:transform var(--dur-quick) ease,opacity var(--dur-quick) ease}.player__play:not(:disabled):hover{transform:scale(1.06)}.player__play:not(:disabled):active{transform:scale(.97)}.player__mute,.player__minimize,.player__expand{width:38px;height:38px;min-width:38px;border-radius:999px;border:1px solid rgba(240,178,85,.4);color:var(--amber);font-size:.9rem;line-height:1;background:#2b130859;opacity:.9;transition:transform var(--dur-quick) ease,opacity var(--dur-quick) ease}.player__mute:not(:disabled):hover,.player__minimize:hover,.player__expand:hover{transform:scale(1.06)}.player__vol-mark{display:inline-block;transition:transform var(--dur-quick) ease}.player__mute[aria-pressed=true] .player__vol-mark{color:var(--cream-dim);text-decoration:line-through}.player__times{display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.06em;color:var(--cream-dim);margin-top:-.2rem}.player__add{min-height:36px;margin-top:auto;border-radius:999px;border:1px solid rgba(240,178,85,.5);color:var(--amber);font-size:.74rem;font-weight:600;letter-spacing:.06em;background:#2b130866;opacity:.75}.player__error{font-size:.66rem;color:#f2a98b}.player.player--pill{flex-direction:row;align-items:center;gap:.7rem;min-height:auto;padding:.6rem .8rem;perspective:none}.player__pill-art{position:relative;width:44px;height:44px;min-width:44px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;color:var(--cream);background:radial-gradient(circle at 35% 30%,#e6bd70,#94592a 80%);box-shadow:inset 0 1px #fff0cd66,0 6px 14px #0f060380}.player__pill-meta{flex:1 1 auto;min-width:0}.player__pill-title{display:block;margin-top:.1rem;font-family:var(--font-display);font-size:.88rem;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__pill-region{display:block;font-size:.6rem;letter-spacing:.08em;color:var(--cream-dim);margin-top:.15rem}.player__pill-actions{display:flex;align-items:center;gap:.5rem}.player__play:disabled,.player__mute:disabled{opacity:.45}@media (min-width: 721px) and (max-width: 1100px){.player{width:100%}.player__art{width:78px;height:86px;min-width:78px}}@media (max-width: 720px){.player{position:absolute;left:50%;right:auto;transform:translate(-50%);width:min(94vw,440px);min-height:auto;bottom:clamp(10px,1.6vh,16px);gap:.5rem}.player--empty{min-height:clamp(84px,15vh,108px)}.player__empty-art{width:52px;height:52px;min-width:52px;font-size:1.2rem}.player__art{width:64px;height:68px;min-width:64px;font-size:1.2rem}.player__mute,.player__expand{display:none}.player.player--pill{width:94vw;padding:.5rem .6rem}.player__close{top:.6rem;right:.6rem}}.myplate{position:relative;flex:1 1 0;min-height:0;display:flex;flex-direction:column;pointer-events:none}.myplate__panel{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;border-radius:20px;border:1px solid rgba(201,150,63,.35);background:linear-gradient(165deg,#33180beb,#240f08f2);box-shadow:0 24px 60px #0804028c,inset 0 1px #ffe9b424;overflow:hidden;pointer-events:auto;animation:myplate-in .34s var(--ease-land)}@keyframes myplate-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.myplate__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14090480;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;pointer-events:auto;display:none}.myplate-tab{position:absolute;top:clamp(120px,20vh,200px);right:0;transform:translateY(-50%);z-index:44;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem .5rem;border-radius:14px 0 0 14px;border:1px solid rgba(240,178,85,.45);border-right:none;background:#2b1308b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--cream);cursor:pointer;pointer-events:auto;transition:background var(--dur-quick) ease}.myplate-tab:hover{background:#3c1b0cd1}.myplate-tab__art{font-size:1.15rem;color:var(--amber)}.myplate-tab__label{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-display);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.myplate-tab__count{min-width:20px;height:20px;padding:0 .35rem;border-radius:999px;display:inline-grid;place-items:center;font-size:.68rem;font-weight:700;color:var(--night);background:radial-gradient(circle at 35% 30%,#f6d89e,#d99a3d 78%);box-shadow:inset 0 1px #fff4cd99}.myplate__head{display:flex;align-items:center;gap:.55rem;padding:.9rem .95rem .5rem;border-bottom:1px solid rgba(201,150,63,.18);background:linear-gradient(180deg,#f0b25512,#0000)}.myplate__title{margin:0;font-family:var(--font-display);font-size:1.14rem;font-weight:600;letter-spacing:.08em;color:var(--amber);text-shadow:0 1px 8px rgba(20,9,4,.8)}.myplate__songcount{font-size:.62rem;letter-spacing:.08em;color:var(--cream-dim);border:1px solid rgba(240,178,85,.3);border-radius:999px;padding:.16rem .55rem}.myplate__clear{margin-left:auto;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim);padding:.3rem .6rem;border:1px solid rgba(240,178,85,.3);border-radius:999px}.myplate__clear:hover{color:var(--cream);border-color:#f0b25599}.myplate__close{width:30px;height:30px;border-radius:999px;border:1px solid rgba(240,178,85,.3);color:var(--cream-dim);font-size:1.05rem;line-height:1;flex-shrink:0}.myplate__empty{padding:1.4rem 1.1rem;text-align:center;color:var(--cream)}.myplate__empty-art{display:block;font-size:1.9rem;color:var(--brass);opacity:.75;filter:drop-shadow(0 0 10px rgba(240,178,85,.35))}.myplate__empty p{margin:.55rem 0 0}.myplate__empty-hint{font-size:.74rem;color:var(--cream-dim)}.myplate__list{list-style:none;margin:0;padding:.2rem .55rem .4rem;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem;flex:1 1 auto}.myplate__item{display:flex;align-items:center;gap:.65rem;padding:.45rem .55rem;min-height:62px;border-radius:13px;border:1px solid rgba(201,150,63,.22)}.myplate__item.is-playing{border-color:#f0b255a6;background:#f0b25514}.myplate__art{width:50px;height:50px;min-width:50px;border-radius:11px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#e6bd70,#94592a 80%);overflow:hidden}.myplate__art img{width:80%;height:80%;object-fit:contain}.myplate__meta{flex:1 1 auto;min-width:0}.myplate__name{display:block;font-family:var(--font-display);font-size:.88rem;color:var(--cream)}.myplate__region{display:block;font-size:.6rem;letter-spacing:.04em;color:var(--cream-dim);margin-top:.05rem}.myplate__song{display:block;font-size:.6rem;color:var(--amber-soft);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.08rem}.myplate__controls{display:flex;align-items:center;gap:.4rem}.myplate__play{width:34px;height:34px;border-radius:999px;font-size:.76rem;color:var(--night);background:radial-gradient(circle at 32% 30%,#f6d89e,#d99a3d 78%);box-shadow:0 4px 10px #0a050280,inset 0 1px #fff4cd99}.myplate__remove{width:30px;height:30px;border-radius:999px;border:1px solid rgba(240,178,85,.3);color:var(--cream-dim);font-size:1rem;line-height:1}.myplate__remove:hover{color:#f2a98b;border-color:#f2a98b80}.myplate__footer{padding:.45rem .7rem .7rem}.myplate__more{width:100%;min-height:34px;border-radius:999px;border:1px solid rgba(240,178,85,.4);color:var(--amber);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;background:#2b130859}.myplate__more:hover{color:var(--cream);border-color:#f0b255a6}@media (max-width: 720px){.myplate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:block;flex:none}.myplate__backdrop{display:block}.myplate__panel{position:absolute;top:auto;left:10px;right:10px;bottom:clamp(96px,13vh,120px);width:auto;max-height:58vh}.myplate-tab{display:none}}.how{position:absolute;left:clamp(14px,1.4vw,20px);right:clamp(330px,25vw,380px);bottom:clamp(16px,2vh,22px);z-index:16;min-height:clamp(150px,21vh,230px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,.8vh,10px);padding:clamp(24px,3.2vh,34px) .9rem .6rem;border-radius:16px;border:1px solid rgba(201,150,63,.28);background:#26110a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 12px 34px #0a040259,inset 0 1px #ffe9b41f;transition:opacity var(--dur-quick) ease,transform var(--dur-quick) ease}.how__title{position:absolute;top:clamp(8px,1.2vh,14px);left:clamp(12px,1.6vw,22px);z-index:2;margin:0;font-family:var(--font-display);font-style:italic;font-size:clamp(.72rem,1.2vmin,.9rem);letter-spacing:.2em;text-transform:uppercase;color:var(--amber-soft);text-shadow:0 2px 8px rgba(20,9,4,.8);line-height:1;white-space:nowrap}.how__row{flex:1 1 0;min-height:0;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(8px,1.1vw,14px);min-width:0}.how__step{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.1vw,14px);flex:1 1 0;min-width:0}.how__card{flex:1 1 0;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(8px,1.1vw,14px);text-align:left}.how__figure{position:relative;flex:0 0 auto;height:clamp(104px,13vh,156px);display:flex;align-items:center;justify-content:center}.how__figure img{height:100%;width:auto;max-width:100%;display:block}.how__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.how__arrow img{width:clamp(24px,3vw,38px);max-width:100%;max-height:100%;height:auto;display:block}.how__label{flex:1 1 0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:clamp(6px,.8vw,10px);row-gap:3px;line-height:1.25}.how__num{grid-column:1;grid-row:1;align-self:center;display:flex;align-items:center;justify-content:center;width:clamp(18px,2.5vmin,24px);height:clamp(18px,2.5vmin,24px);border-radius:50%;background:var(--ink);border:2px solid var(--amber);color:var(--cream);font-family:var(--font-display);font-weight:700;font-size:clamp(.68rem,1.5vmin,.88rem);line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.4)}.how__title-text{grid-column:2;grid-row:1;font-family:var(--font-display);font-size:clamp(.85rem,1.6vmin,1.12rem);letter-spacing:.04em;color:var(--amber-soft);text-shadow:0 1px 6px rgba(20,9,4,.7);white-space:nowrap}.how__desc{grid-column:2;grid-row:2;font-family:var(--font-body);font-size:clamp(.66rem,1.2vmin,.84rem);color:var(--cream-dim);line-height:1.3;white-space:normal;overflow-wrap:break-word}.how[data-done=true]{opacity:.45;transform:translateY(4px)}@media (prefers-reduced-motion: reduce){.how{transform:none}}@media (min-width: 721px) and (max-width: 1100px){.how{right:clamp(280px,28vw,320px);gap:clamp(4px,.5vh,6px)}.how__step{gap:clamp(6px,1vw,12px)}.how__card{gap:clamp(8px,1.2vw,14px)}.how__figure{height:clamp(84px,11vh,120px)}.how__arrow img{width:clamp(22px,3vw,30px)}}@media (max-width: 720px){.how{left:12px;right:12px;bottom:clamp(96px,14vh,130px);min-height:clamp(128px,18vh,150px);justify-content:flex-start;padding:clamp(24px,3.5vh,30px) .5rem .5rem}.how__title{font-size:.66rem;letter-spacing:.16em}.how__row{flex:none;gap:clamp(8px,2vw,12px);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;align-items:stretch}.how__row::-webkit-scrollbar{display:none}.how__step{flex:0 0 auto;width:clamp(148px,44vw,190px);gap:clamp(8px,2vw,12px)}.how__card{gap:clamp(8px,2vw,12px)}.how__arrow{display:none}.how__figure{height:clamp(56px,14vw,76px)}.how__title-text{font-size:clamp(.72rem,1.8vmin,.9rem)}.how__desc{font-size:clamp(.58rem,1.3vmin,.72rem);line-height:1.25}}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--night)}.brand{position:absolute;top:clamp(16px,4vh,42px);left:clamp(20px,3.6vw,55px);text-align:left;width:clamp(260px,26vw,420px);z-index:40;pointer-events:none}.brand__ornament{display:flex;align-items:center;gap:.75rem;margin-bottom:.55rem;font-size:clamp(.8rem,1.8vmin,1.1rem);color:var(--amber);letter-spacing:.2em;opacity:.95}.brand__ornament i{width:.38em;height:.38em;flex-shrink:0;transform:rotate(45deg);background:linear-gradient(135deg,var(--amber-soft),var(--amber-deep));box-shadow:0 0 8px #f0b25580}.brand__ornament:before,.brand__ornament:after{content:"";flex:1 1 0}.brand__ornament:before{max-width:3.2rem;height:1px;background:linear-gradient(90deg,transparent,var(--amber));opacity:.8}.brand__ornament:after{max-width:3.2rem;height:1px;background:linear-gradient(90deg,var(--amber),transparent);opacity:.8}.brand__title{margin:0;width:fit-content;font-family:var(--font-display);font-weight:700;line-height:1;letter-spacing:.3em;color:var(--amber);text-shadow:0 3px 20px rgba(38,17,10,.9),0 0 3px rgba(20,9,4,.6)}.brand__line{display:block;font-size:clamp(1.5rem,3.6vmin,2.75rem)}.brand__line--over{font-size:clamp(1rem,2.3vmin,1.7rem);text-align:center;letter-spacing:.42em;margin:.2rem 0;font-style:italic;font-weight:600}.brand__rule{display:block;width:100%;height:1px;margin:.7rem 0 .55rem;background:linear-gradient(90deg,transparent,rgba(240,178,85,.85),transparent)}.brand__tagline{margin:0;font-family:var(--font-display);font-style:italic;font-size:clamp(.86rem,1.9vmin,1.16rem);color:var(--cream-dim);letter-spacing:.12em;text-shadow:0 1px 6px rgba(20,9,4,.7)}.brand__support{margin:.4rem 0 0;font-size:clamp(.68rem,1.5vmin,.86rem);color:var(--cream-dim);opacity:.85;letter-spacing:.06em}.hero-instruction{position:absolute;left:48.5%;top:clamp(14px,3vh,36px);transform:translate(-50%);z-index:40;margin:0;font-family:var(--font-display);font-size:clamp(1.4rem,3.4vmin,2.4rem);font-weight:600;letter-spacing:.1em;color:var(--amber-soft);text-shadow:0 3px 18px rgba(20,9,4,.85);display:flex;align-items:center;gap:.9rem;transition:opacity var(--dur-quick) ease,transform var(--dur-quick) ease;pointer-events:none;white-space:nowrap}.hero-instruction__flourish{font-size:.5em;color:var(--amber);opacity:.9}.hero-instruction[data-done=true]{opacity:0;transform:translate(-50%) translateY(-10px)}.myplate-toggle{position:absolute;top:clamp(12px,3vh,28px);right:clamp(12px,3vw,30px);z-index:40;display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(240,178,85,.45);background:#2b13088c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--cream);cursor:pointer;transition:background var(--dur-quick) ease,transform var(--dur-quick) ease}.myplate-toggle:hover{background:#3c1b0ca8}.myplate-toggle__art{font-size:1.05rem;color:var(--amber)}.myplate-toggle__label{font-family:var(--font-display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.myplate-toggle__count{min-width:22px;height:22px;padding:0 .4rem;border-radius:999px;display:inline-grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--night);background:radial-gradient(circle at 35% 30%,#f6d89e,#d99a3d 78%);box-shadow:inset 0 1px #fff4cd99}.dish-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11}@media (max-width: 720px){.dish-layer{overflow-x:auto;overflow-y:visible}}.right-rail{position:absolute;top:clamp(18px,2.4vh,28px);right:clamp(10px,1.4vw,18px);bottom:clamp(14px,2vh,26px);width:min(300px,23vw);z-index:45;display:flex;flex-direction:column;gap:clamp(10px,1.4vh,14px);pointer-events:none}@media (min-width: 721px) and (max-width: 1100px){.right-rail{width:min(260px,27vw);right:clamp(8px,1.2vw,14px)}}@media (max-width: 720px){.right-rail{position:static;width:auto;z-index:auto;display:block;pointer-events:auto}}.drag-instruction{position:absolute;left:44%;bottom:calc(min(21vh,230px) + 61px);transform:translate(-50%);z-index:16;margin:0;font-family:var(--font-display);font-style:italic;font-size:clamp(.95rem,2.1vmin,1.3rem);letter-spacing:.08em;color:var(--amber-soft);text-shadow:0 2px 10px rgba(20,9,4,.8);text-align:center;white-space:nowrap;transition:opacity var(--dur-quick) ease;pointer-events:none}.drag-instruction[data-done=true]{opacity:0}@media (max-width: 720px){.brand{top:12px;left:12px;width:min(58vw,260px)}.brand__ornament{margin-bottom:.3rem;font-size:.72rem;gap:.5rem}.brand__ornament i{width:.32em;height:.32em}.brand__ornament:before,.brand__ornament:after{max-width:1.8rem}.brand__line{font-size:1.06rem}.brand__line--over{font-size:.66rem;letter-spacing:.4em;margin:.05rem 0}.brand__rule{margin:.45rem 0 .35rem}.brand__tagline{font-size:.74rem}.brand__support{display:none}.hero-instruction{top:clamp(116px,16vh,148px);font-size:clamp(1.02rem,4.4vmin,1.4rem)}.drag-instruction{display:none}.myplate-toggle{right:10px;top:10px;padding:.42rem .65rem}.myplate-toggle__label{font-size:.7rem}.myplate-toggle__art{font-size:.9rem}}@media (min-width: 721px) and (max-width: 1100px){.hero-instruction{top:clamp(14px,3vh,36px)}}:root{--ink: #26110a;--cream: #f7e8c7;--cream-dim: #e6cf9f;--amber: #f0b255;--amber-soft: #f6d9a0;--amber-deep: #d1822c;--brass: #c8963f;--brass-light: #ecd39b;--brass-dark: #8a5a1e;--copper: #a45c22;--maroon: #7c2d16;--wine: #4a1a10;--night: #2c130b;--font-display: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-body: "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--ease-land: cubic-bezier(.22, 1, .36, 1);--ease-float: ease-in-out;--dur-quick: .18s;--dur-land: .72s;--dur-reveal: .92s;--shadow-soft: 0 6px 18px rgba(38, 17, 10, .35);--shadow-deep: 0 22px 48px rgba(20, 9, 4, .55);--glow-warm: 0 0 42px rgba(240, 178, 85, .5)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{margin:0;font-family:var(--font-body);color:var(--cream);background:var(--night);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;border:none;background:none;margin:0;padding:0;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--amber);outline-offset:4px;border-radius:8px}:focus:not(:focus-visible){outline:none}img{display:block;max-width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.2s!important;transition-delay:0s!important}}