:root{--bg:#eef7ff;--bg-strong:#c2daee;--panel-bg:#f2f9ff57;--panel-border:#ffffffb8;--panel-shadow:0 34px 96px #668eb129, 0 14px 34px #fff3;--input-bg:#ffffff5c;--input-border:#83b0cf47;--button-bg:#ffffff52;--button-border:#7dabca47;--note-bg:#ffffff4d;--text:#39546a;--text-soft:#2f4759b8;--text-h:#0d2740;--accent:#397ba9;--gold:#a76f1d;--cream:#12314b;--font-display:"Arial Rounded MT Bold", "Trebuchet MS", "Microsoft YaHei", sans-serif;--font-body:"Trebuchet MS", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg:#081523;--bg-strong:#304b62;--panel-bg:#0a1b2c6b;--panel-border:#d6f2ff38;--panel-shadow:0 38px 120px #00091280;--input-bg:#eef9ff14;--input-border:#eafaff2e;--button-bg:#e0f6ff1a;--button-border:#eafaff33;--note-bg:#eff7ff0f;--text:#c8d9e5;--text-soft:#d5e5f1ad;--text-h:#f0f9ff;--accent:#a9dcff;--gold:#ffd78a;--cream:#fff1cf}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(circle at 18% 0%, #ffffffe6, transparent 27rem), radial-gradient(circle at 84% 12%, #9cd6ff5c, transparent 24rem), radial-gradient(circle at 54% 92%, #fff2d238, transparent 26rem), linear-gradient(118deg, transparent 0 31%, #ffffff70 36%, transparent 41%), linear-gradient(148deg, #fff3, transparent 34% 68%, #add6f024), linear-gradient(180deg, var(--bg) 0%, var(--bg-strong) 100%);min-width:320px;min-height:100vh;margin:0}body,button,input{font-family:var(--font-body)}button,input{font:inherit}button{border:0}img{max-width:100%}p,h1,h2{margin:0}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}.page-shell{min-height:100vh;color:var(--text);scrollbar-color:#eefbff47 transparent;scrollbar-width:thin;padding:clamp(14px,1.7vw,24px);position:relative;overflow-x:hidden}.page-shell--card{flex-direction:column;align-items:center;min-height:100svh;display:flex}.page-shell *,html,body{scrollbar-color:#eefbff47 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#eefbff47 padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff6b padding-box content-box}.page-shell:before{z-index:-6;content:"";background:radial-gradient(circle at 18% 8%, #ffffff80, transparent 20rem), radial-gradient(circle at 72% 14%, #a4d7ff5c, transparent 24rem), radial-gradient(circle at 50% 92%, #ffe7b621, transparent 28rem), linear-gradient(145deg, var(--bg) 0%, var(--bg-strong) 100%);position:fixed;inset:-12%}.frost-shards,.frost-grid,.frost-noise{pointer-events:none;position:fixed}.frost-shards{z-index:-4;aspect-ratio:1;clip-path:polygon(9% 14%,88% 0,100% 71%,24% 100%);opacity:.48;filter:blur(.2px);background:linear-gradient(134deg,#ffffff6b,#ffffff0e 44%,#a6d5f633),radial-gradient(circle at 28% 18%,#ffffff75,#0000 34%);border:1px solid #ffffff57;width:48vw;max-width:820px;box-shadow:inset 0 0 38px #ffffff24,0 0 60px #b8e1ff1c}.frost-shards--one{top:-12vw;right:-7vw;rotate:16deg}.frost-shards--two{bottom:-18vw;left:-12vw;rotate:-24deg}.page-shell:after{z-index:-4;aspect-ratio:.78;pointer-events:none;content:"";clip-path:polygon(12% 0,100% 16%,84% 100%,0 78%);opacity:.44;background:linear-gradient(144deg,#ffffff47,#ffffff0a 42%,#8bbce129),radial-gradient(circle at 18% 16%,#ffffff52,#0000 30%);border:1px solid #ffffff38;width:28vw;min-width:260px;max-width:520px;position:fixed;bottom:7vh;right:-7vw;rotate:-18deg;box-shadow:inset 0 0 44px #ffffff1f}.page-shell--card .frost-shards--one{opacity:.16;right:max(-28vw,-460px)}.frost-grid{z-index:-3;background:repeating-linear-gradient(38deg,#ffffff14 0 1px,#0000 1px 52px),repeating-linear-gradient(128deg,#ffffff09 0 1px,#0000 1px 82px);inset:0;-webkit-mask-image:radial-gradient(circle,#000 22%,#0000 90%);mask-image:radial-gradient(circle,#000 22%,#0000 90%)}.frost-noise{z-index:-2;opacity:.24;background:radial-gradient(circle at 12% 18%,#ffffff70 0 1px,#0000 1px) 0 0/210px 210px,radial-gradient(circle at 86% 24%,#ffffff42 0 1px,#0000 1px) 0 0/260px 260px,radial-gradient(circle at 48% 74%,#fff3 0 1px,#0000 1px) 0 0/180px 180px;inset:0}.crystal-panel{isolation:isolate;border:1px solid var(--panel-border);background:linear-gradient(145deg, #ffffff3d, #ffffff0f 38%, #bae0ff21), var(--panel-bg);background-blend-mode:screen, normal;box-shadow:var(--panel-shadow), inset 0 0 0 1px #ffffff21, inset 0 34px 70px #ffffff14;-webkit-backdrop-filter:blur(28px)saturate(1.55);backdrop-filter:blur(28px)saturate(1.55);position:relative;overflow:hidden}.crystal-panel:before{z-index:0;pointer-events:none;content:"";mix-blend-mode:screen;background:linear-gradient(112deg,#0000 0 10%,#ffffff38 15%,#0000 24%),linear-gradient(#ffffff24,#0000 19% 78%,#ffffff1a),radial-gradient(circle at 12% 8%,#ffffff57,#0000 12rem);position:absolute;inset:0}:root:not([data-theme=dark]) .crystal-panel{background:linear-gradient(150deg, #ffffff7a, #ffffff2e 30%, #bddff52e 62%, #d4ebf91f), var(--panel-bg);box-shadow:var(--panel-shadow), inset 0 1px 0 #ffffffe0, inset 0 32px 66px #fff3, inset 0 -18px 34px #81b1d21f, inset 14px 0 24px #ffffff1a;-webkit-backdrop-filter:blur(32px)saturate(1.85)brightness(1.06);backdrop-filter:blur(32px)saturate(1.85)brightness(1.06)}:root:not([data-theme=dark]) .crystal-panel:before{background:linear-gradient(110deg,#0000 0 8%,#ffffff94 13%,#0000 22%),linear-gradient(#ffffff5c,#0000 18% 78%,#abd1e838),radial-gradient(circle at 14% 8%,#ffffff9e,#0000 12rem),radial-gradient(circle at 82% 18%,#cceafc4d,#0000 14rem)}.control-dock{z-index:12;border-radius:999px;grid-template-columns:auto auto minmax(320px,1fr) auto;align-items:center;gap:12px;width:min(1260px,100%);max-width:100%;margin:0 auto 14px;padding:10px;display:grid;position:sticky;top:14px;overflow:visible}.page-shell--card .control-dock{margin-bottom:clamp(18px,2.6vh,32px);position:relative;top:auto}.control-dock:before,.control-dock:after{border-radius:inherit}.control-dock:after{z-index:0;pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff3d,inset 0 -16px 28px #74a5c814}.brand-lockup,.control-dock__buttons,.presence-badge,.search-field{z-index:1;isolation:isolate;background-clip:padding-box;border-radius:999px;position:relative;overflow:hidden}.brand-lockup:before,.control-dock__buttons:before,.presence-badge:before,.search-field:before{z-index:0;pointer-events:none;content:"";border-radius:inherit;opacity:.9;background:linear-gradient(#ffffff2e,#0000 70%),radial-gradient(circle at 16% 14%,#ffffff38,#0000 46%);position:absolute;inset:0}.brand-lockup>*,.control-dock__buttons>*,.presence-badge>*,.search-field>*{z-index:1;position:relative}.brand-lockup{min-height:46px;color:var(--text-h);letter-spacing:.03em;white-space:nowrap;background:linear-gradient(#ffffff29,#ffffff0a),#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-weight:900;display:flex;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #0a182814}.brand-gem{background:linear-gradient(135deg,#fff,#93d8ff 56%,#3d80b4);border:1px solid #ffffffd1;border-radius:6px;width:18px;height:18px;rotate:45deg;box-shadow:0 0 20px #bee8ffb3}.control-dock__buttons{background:#ffffff14;border:1px solid #ffffff21;gap:6px;padding:5px;display:flex;box-shadow:inset 0 1px #ffffff1f}.mode-pill,.ice-button,.letter-chip,.details-button,.theme-switch{cursor:pointer;border:1px solid var(--button-border);color:var(--text-h);background:linear-gradient(180deg, #ffffff2e, #ffffff0a), var(--button-bg);transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 0 0 1px #ffffff14}.mode-pill{border-radius:999px;min-width:92px;min-height:40px;padding:8px 16px;font-weight:900}.mode-pill--active{color:#102a42;background:#eef9ffe6;border-color:#ffffffc7;box-shadow:0 10px 26px #b4e2ff42}.mode-pill:hover,.ice-button:hover,.letter-chip:hover,.details-button:hover,.theme-switch:hover{border-color:#ffffffb8;transform:translateY(-1px);box-shadow:0 16px 38px #0c20362e}.search-field{border:1px solid var(--input-border);background:linear-gradient(180deg, #fff3, #ffffff0f), var(--input-bg);grid-template-columns:auto 1fr;align-items:center;gap:12px;min-width:0;min-height:46px;padding:0 16px;transition:border-color .18s,box-shadow .18s,background .18s;display:grid;box-shadow:inset 0 1px #ffffff26,inset 0 -10px 18px #78a0be14}.search-field span,.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:950}.search-field input{appearance:none;width:100%;min-width:0;color:var(--text-h);font:inherit;background:0 0;border:0;outline:0}.search-field:hover,.search-field:focus-within{border-color:#ffffff8a;box-shadow:0 14px 30px #0c20361f,inset 0 1px #ffffff38,inset 0 -12px 18px #78a0be1a}.search-field input::-webkit-search-decoration{-webkit-appearance:none;display:none}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-field input::-webkit-search-results-button{-webkit-appearance:none;display:none}.search-field input::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.presence-badge{min-height:46px;color:var(--text-h);white-space:nowrap;background:linear-gradient(#ffffff38,#ffffff14),#ffffff1f;border:1px solid #ffffff3d;place-items:center;padding:0 17px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff2e,inset 0 -10px 18px #78a0be14}:root:not([data-theme=dark]) .control-dock__buttons,:root:not([data-theme=dark]) .search-field,:root:not([data-theme=dark]) .presence-badge{background:linear-gradient(#ffffff94,#ffffff38 56%,#bfe1f729),#f1f8ff38;border-color:#8bb7d557;box-shadow:inset 0 1px #ffffffdb,inset 0 -14px 22px #99c6e221,0 18px 34px #82a8c61a}:root:not([data-theme=dark]) .brand-lockup{background:linear-gradient(#ffffff8a,#ffffff2e 58%,#badef424),#f1f8ff33;border-color:#8bb7d547;box-shadow:inset 0 1px #ffffffd6,inset 0 -12px 20px #99c6e224,0 16px 30px #82a8c61f}:root:not([data-theme=dark]) .brand-lockup:before,:root:not([data-theme=dark]) .control-dock__buttons:before,:root:not([data-theme=dark]) .search-field:before,:root:not([data-theme=dark]) .presence-badge:before{background:linear-gradient(#ffffff6b,#0000 72%),linear-gradient(112deg,#0000 0 12%,#ffffff5c 18%,#0000 28%),radial-gradient(circle at 14% 8%,#ffffff85,#0000 40%)}:root:not([data-theme=dark]) .search-field:hover,:root:not([data-theme=dark]) .search-field:focus-within{background:linear-gradient(#ffffffa8,#ffffff47 56%,#bfe1f733),#f2f9ff47;border-color:#96c2df8a;box-shadow:0 18px 36px #82a8c629,inset 0 1px #ffffffe6,inset 0 -14px 22px #99c6e233}:root:not([data-theme=dark]) .mode-pill,:root:not([data-theme=dark]) .ice-button,:root:not([data-theme=dark]) .letter-chip,:root:not([data-theme=dark]) .details-button,:root:not([data-theme=dark]) .theme-switch{background:linear-gradient(180deg, #ffffff8f, #ffffff24), var(--button-bg);box-shadow:inset 0 1px #ffffffb8,0 12px 28px #81a7c624}:root:not([data-theme=dark]) .mode-pill--active{color:#102a42;background:linear-gradient(#fffffffa,#e6f6ffd1),#e8f7ffe6;border-color:#ffffffe0;box-shadow:inset 0 1px #ffffffeb,0 12px 30px #a4cfe838}.letters-panel{border-radius:28px;gap:12px;width:min(1260px,100vw - 28px);margin:0 auto 16px;padding:12px 14px;display:grid}.letters-panel__head{z-index:1;color:var(--text-soft);justify-content:space-between;gap:16px;display:flex;position:relative}.letters{z-index:1;scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;position:relative;overflow-x:auto}.letter-chip{border-radius:999px;flex:none;min-width:44px;padding:8px 12px;font-weight:900}.letter-chip--active{color:#102a42;background:#f0faffe6;border-color:#ffffffc2}.stage-shell{justify-items:center;gap:12px;width:min(1540px,100vw - 28px);max-width:100%;margin:0 auto;display:grid}.page-shell--card .stage-card--image-only{width:min(100%,177.778svh - 309.333px)}.stage-card{border-radius:36px;grid-template-columns:minmax(0,1fr) minmax(310px,380px);min-height:min(74vh,760px);display:grid}.stage-card--image-only{border-radius:clamp(26px,2.2vw,34px);width:100%;max-width:100%;min-height:auto;margin-inline:auto;display:block}.stage-card__refraction{z-index:3;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 0 11%,#ffffff3d 16%,#0000 24%),linear-gradient(28deg,#0000 0 58%,#e6faff1f 63%,#0000 69%),radial-gradient(circle at 18% 10%,#ffffff4d,#0000 13rem),radial-gradient(circle at 92% 96%,#f5fcff2e,#0000 17rem);position:absolute;inset:0}.stage-card__image{z-index:2;min-width:0;min-height:inherit;background:linear-gradient(160deg,#e6f6ff3d,#0a1c305c),#020c1829;border:0;border-right:1px solid #f2fdff52;padding:clamp(18px,2.4vw,34px);display:grid;position:relative;overflow:hidden}.stage-card--image-only .stage-card__image{aspect-ratio:16/9;border-right:0;place-items:center;width:100%;min-height:auto;padding:clamp(10px,1.25vw,18px)}.stage-card--image-only .stage-card__image:before{inset:clamp(10px,1.35vw,18px)}.stage-card__image:before{z-index:1;pointer-events:none;content:"";border:1px solid #ffffff40;border-radius:25px;position:absolute;inset:18px;box-shadow:inset 0 0 28px #ffffff47,inset 0 0 4px #fffc}.stage-card__image img{z-index:0;object-fit:contain;background:#020c186b;border:1px solid #f0fcff6b;border-radius:24px;width:100%;height:100%;min-height:520px;display:block;position:relative;box-shadow:0 24px 70px #000c1c3d,inset 0 0 0 1px #ffffff2e}.stage-card--image-only .stage-card__image img{aspect-ratio:auto;object-fit:contain;width:100%;height:100%;min-height:0;max-height:none;margin-inline:auto}:root:not([data-theme=dark]) .stage-card--image-only .stage-card__image{background:linear-gradient(165deg,#ffffffad,#c3e1f447 46%,#ebf5ff1f),#f1f8ff3d;box-shadow:inset 0 1px #ffffffa3,inset 0 -24px 36px #afd0e724}:root:not([data-theme=dark]) .stage-card--image-only .stage-card__image img{background:linear-gradient(#fff6,#e1f1fb29),#f8fcff94;border-color:#a6cae46b;box-shadow:0 24px 58px #84aac72e,inset 0 0 0 1px #ffffff5c,inset 0 20px 34px #ffffff2e}.page-shell--card:after{opacity:.06;width:clamp(160px,17vw,280px);right:min(-34vw,-520px)}.page-shell--card .frost-shards--one{opacity:.12;width:clamp(260px,32vw,520px);right:min(-38vw,-560px)}.stage-card__copy{z-index:4;background:linear-gradient(#0d22375c,#030e1933),radial-gradient(circle at 70% 90%,#e4f8ff2e,#0000 12rem);flex-direction:column;min-width:0;padding:clamp(30px,3vw,46px);display:flex;position:relative}.meta-line,.retry-line{color:var(--gold);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:15px;font-weight:950;line-height:1.45}.retry-line{margin-top:3px}.stage-card__copy h1{color:var(--text-h);font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;text-shadow:0 14px 48px #0000002e;margin:28px 0 0;font-size:clamp(58px,5.8vw,96px);line-height:.9}.meaning-text{color:var(--text-h);margin:34px 0;font-size:clamp(24px,2.2vw,36px);line-height:1.46}.controls,.inspect-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.ice-button{border-radius:17px;min-height:48px;padding:12px 19px;font-weight:850}.dock{color:#e2f0fab8;letter-spacing:.1em;text-transform:uppercase;justify-content:center;gap:18px;font-size:13px;font-weight:900;display:flex}.theme-switch{z-index:20;border-radius:999px;min-height:44px;padding:0 16px;font-weight:900;position:fixed;bottom:18px;right:18px}.image-fallback,.detail-fallback{width:100%;height:100%;min-height:260px;color:var(--text-h);background:radial-gradient(circle at 28% 20%,#ffffff57,#0000 20%),linear-gradient(#0000,#08172785);flex-direction:column;justify-content:flex-end;gap:8px;padding:24px;display:flex}.image-fallback--large{min-height:520px}.list-shell,.mini-shell{width:min(1040px,100vw - 28px);margin:0 auto 60px}.mini-shell{width:min(1500px,100vw - 28px)}.list-header{z-index:8;border-radius:28px;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;padding:22px 26px;display:flex;position:sticky;top:88px}.list-header h2{color:var(--text-h);font-family:var(--font-display);margin:4px 0 0;font-size:clamp(42px,5vw,72px);line-height:.95}.list-header span{z-index:1;color:var(--text-h);font-size:18px;font-weight:900;position:relative}.word-list{gap:12px;display:grid}.list-card{border-radius:26px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:118px;padding:18px 20px;display:grid}.list-card--active{box-shadow:0 0 0 1px #ffffff24, 0 0 38px #b8e6ff2e, var(--panel-shadow);border-color:#ffffff94}.list-card__main{z-index:1;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:12px;padding:0;display:grid;position:relative}.list-card__main strong,.mini-card__copy strong{color:var(--cream);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(36px,4.3vw,54px);line-height:.95;overflow:hidden}.list-card__main span,.mini-card__copy span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;overflow:hidden}.list-count{z-index:1;min-width:64px;min-height:46px;color:var(--gold);background:#5d481e57;border-radius:999px;place-items:center;font-weight:950;display:grid;position:relative}.details-button{z-index:1;border-radius:999px;min-height:46px;padding:0 18px;font-weight:900;position:relative}.mini-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;display:grid}.mini-card{border-radius:26px;grid-template-rows:auto 1fr auto;gap:13px;min-width:0;padding:14px;display:grid}.mini-card--active{border-color:#ffffff8f}.mini-card__image{z-index:1;aspect-ratio:16/9;cursor:pointer;background:#020c1875;border:1px solid #f0fcff42;border-radius:18px;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.mini-card__image img{object-fit:contain;width:100%;height:100%;display:block}.mini-card__copy{z-index:1;gap:8px;min-width:0;display:grid;position:relative}.mini-card__copy strong{font-size:32px}.mini-card__copy span{font-size:16px}.load-more-sentinel{min-height:82px;color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;place-items:center;font-size:13px;font-weight:900;display:grid}.load-more-sentinel--done{opacity:.72}.detail-overlay{z-index:30;-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:linear-gradient(145deg,#0208109e,#0b1f327a),#020a149e;place-items:center;padding:clamp(12px,3vw,32px);display:grid;position:fixed;inset:0;overflow:auto}.detail-overlay:before{z-index:0;content:"";background-image:var(--active-image);filter:blur(34px)saturate(1.08)brightness(.8);opacity:.5;background-position:50%;background-size:cover;position:fixed;inset:-9%;transform:scale(1.08)}.detail-overlay:after{z-index:0;pointer-events:none;content:"";mix-blend-mode:screen;background:linear-gradient(112deg,#0000 0 10%,#fff3 15%,#0000 23%),linear-gradient(42deg,#0000 0 56%,#e1f7ff1f 61%,#0000 69%),radial-gradient(circle at 26% 4%,#ffffff3d,#0000 16rem);position:fixed;inset:0}.detail-card{z-index:1;border-radius:36px;grid-template-columns:minmax(0,1fr) minmax(300px,390px);width:min(1320px,96vw);max-height:min(840px,94vh);animation:.26s cubic-bezier(.2,.85,.2,1) both detailIn;display:grid;position:relative}.detail-close-float{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:4;min-height:44px;color:var(--text-h);-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);cursor:pointer;background:linear-gradient(#ffffff5c,#ffffff1a),#0e20303d;border:1px solid #ffffff57;border-radius:999px;padding:0 16px;font-weight:900;position:fixed;box-shadow:0 16px 42px #000a1833}@keyframes detailIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.detail-stage{background:linear-gradient(160deg,#e8f9ff38,#0412216b),#020c1833;border-right:1px solid #f0fcff4d;min-height:620px;padding:clamp(16px,2vw,26px);position:relative;overflow:hidden}.detail-stage:after{pointer-events:none;content:"";mix-blend-mode:screen;background:linear-gradient(112deg,#0000 0 12%,#ffffff3d 16%,#0000 26%),radial-gradient(circle at 12% 9%,#ffffff3d,#0000 12rem),radial-gradient(circle at 84% 92%,#eaf9ff2e,#0000 16rem);position:absolute;inset:0}.detail-stage img{object-fit:contain;background:#020c1875;border:1px solid #f0fcff57;border-radius:24px;width:100%;height:100%;min-height:568px;display:block}.detail-copy{z-index:1;flex-direction:column;gap:17px;min-width:0;padding:clamp(26px,3vw,40px);display:flex;position:relative}.detail-copy h2{color:var(--text-h);font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(52px,5vw,86px);line-height:.92}.detail-copy__meaning{color:var(--text-h);margin:0;font-size:clamp(22px,2vw,30px);line-height:1.55}.detail-notes{gap:10px;margin-top:4px;display:grid}.detail-notes div{background:var(--note-bg);border:1px solid #ffffff21;border-radius:18px;gap:5px;padding:12px 14px;display:grid}.detail-notes span{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.detail-notes strong{overflow-wrap:anywhere;color:var(--text-h)}.state-panel{width:min(640px,100vw - 32px);color:var(--text-h);text-align:center;border-radius:30px;margin:26vh auto 0;padding:42px 30px;font-size:22px;font-weight:900}.state-panel--error{color:#ffd2d2}@media (width<=1180px){.control-dock{border-radius:30px;grid-template-columns:1fr auto;overflow:hidden}.search-field,.presence-badge{grid-column:1/-1}.stage-card,.detail-card{grid-template-columns:1fr}.stage-card__image,.detail-stage{border-bottom:1px solid #f0fcff47;border-right:0}.stage-card__image img{aspect-ratio:16/9;min-height:auto}.detail-card{max-height:none}}@media (width<=720px){.page-shell{padding:10px}.control-dock{border-radius:24px;grid-template-columns:1fr;width:100%;margin-bottom:10px;padding:10px;position:relative;top:auto;overflow:hidden}.brand-lockup{justify-content:center}.control-dock__buttons{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mode-pill{min-width:0;padding-inline:8px}.letters-panel,.stage-shell,.list-shell,.mini-shell{width:100%}.letters-panel,.stage-card,.list-card,.mini-card,.detail-card{border-radius:22px}.stage-card{min-height:auto}.stage-card__image{min-height:0;padding:10px}.stage-card__image:before{border-radius:16px;inset:10px}.stage-card__image img{aspect-ratio:16/9;border-radius:16px}.stage-card__copy{padding:24px 18px 20px}.stage-card__copy h1{font-size:clamp(42px,14vw,70px)}.meaning-text{margin:22px 0;font-size:24px}.dock{flex-wrap:wrap;gap:8px 12px;font-size:11px}.list-header{border-radius:22px;padding:18px;display:block;position:relative;top:auto}.list-header h2{font-size:46px}.list-card{grid-template-columns:1fr auto;padding:16px}.details-button{grid-column:1/-1}.mini-grid{grid-template-columns:1fr}.detail-overlay{align-items:start;padding:8px}.detail-close-float{min-height:42px;top:10px;right:10px}.detail-stage{min-height:0;padding:10px}.detail-stage img{aspect-ratio:16/9;border-radius:16px;min-height:0}.detail-copy{padding:22px 18px}.theme-switch{bottom:12px;right:12px}}