:root{color:#e8eef2;background:#08100f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:auto}button{font:inherit}#app{min-height:100vh}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(80,170,145,.15),transparent 28rem),linear-gradient(135deg,#07100f,#111816 48%,#15120d)}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem .85rem;border-bottom:1px solid rgba(255,255,255,.08)}.topbar h1,.dictionary-head h2,.bank-head h2{margin:0;letter-spacing:0}.title-cluster{min-width:0}.app-title{font-size:clamp(2rem,3.7vw,3.25rem);font-weight:650;line-height:1;min-width:0;white-space:nowrap}.title-roman{color:#93b0aa;font-size:inherit;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar-segmented{display:inline-flex;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff09;box-shadow:0 10px 28px #0000002e}.topbar-segmented button{border:0;border-left:1px solid rgba(255,255,255,.1);padding:.32rem .55rem;background:transparent;color:#edf8f5;cursor:pointer;font-size:.82rem;font-weight:400;white-space:nowrap}.topbar-segmented button:first-child{border-left:0}.topbar-segmented button:hover{box-shadow:inset 0 0 0 1px #f8e16c7a;color:#f8e16c}.topbar-segmented button:nth-child(1){background:#8a243e33}.topbar-segmented button:nth-child(2){background:#a674ff2e}.topbar-segmented button:nth-child(3){background:#5bd48c29}.topbar-segmented button:nth-child(4){background:#4de1d72b}.challenge-button{border:1px solid rgba(248,225,108,.32);border-radius:999px;padding:.32rem .65rem;background:radial-gradient(circle at 20% 50%,rgba(248,225,108,.22),transparent 5rem),#f8e16c1a;color:#fff6c8;cursor:pointer;font-size:.82rem;font-weight:400;white-space:nowrap;box-shadow:0 0 18px #f8e16c1a}.challenge-button:hover{border-color:#f8e16c94;box-shadow:inset 0 0 0 1px #f8e16c38,0 0 22px #f8e16c33}.eyebrow,.detail-label{margin:0 0 .2rem;color:#93b0aa;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.55rem;color:#b8c8c3;font-size:.82rem}.stats span,.tier-badge{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.32rem .55rem;background:#ffffff0d}.global-map-stats{position:absolute;z-index:4;top:.75rem;left:.75rem;display:flex;flex-wrap:wrap;gap:.55rem}.global-map-stats span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.32rem .55rem;background:#050a0a8c;color:#b8c8c3;font-size:.82rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-button,.secondary-button,.icon-button{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0e;color:#e8eef2;cursor:pointer}.topbar-button{padding:.32rem .65rem;border-color:#92cde83d;background:#92cde821;color:#dceff7;font-size:.82rem}.topbar-button:hover,.secondary-button:hover,.icon-button:hover{border-color:#f8e16c7a;color:#f8e16c}.info-modal-layer{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#03080847;pointer-events:auto}.info-modal{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(42rem,calc(100vw - 2rem));max-height:min(70vh,38rem);border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#070f0ef0;box-shadow:0 24px 70px #0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.info-modal-tabs{display:flex;align-items:end;min-width:0;padding:.65rem 3.6rem 0 .8rem;gap:.18rem}.info-tab{position:relative;bottom:-1px;border:1px solid rgba(255,255,255,.12);border-bottom-color:#ffffff0f;border-radius:8px 8px 0 0;padding:.5rem .78rem;color:#edf8f5;cursor:pointer;font-size:.86rem;font-weight:400}.info-tab-wine{background:#8a243e26}.info-tab-purple{background:#a674ff21}.info-tab-green{background:#5bd48c1f}.info-tab-aqua{background:#4de1d721}.info-tab-wine:hover,.info-tab-wine.active{border-color:#b73d5b75;box-shadow:0 -4px 18px #b73d5b47}.info-tab-purple:hover,.info-tab-purple.active{border-color:#a674ff70;box-shadow:0 -4px 18px #a674ff47}.info-tab-green:hover,.info-tab-green.active{border-color:#5bd48c6b;box-shadow:0 -4px 18px #5bd48c3d}.info-tab-aqua:hover,.info-tab-aqua.active{border-color:#4de1d76b;box-shadow:0 -4px 18px #4de1d73d}.info-tab.active{border-bottom-color:#070f0ef0;background:linear-gradient(rgba(255,255,255,.06),transparent),#070f0ef0;color:#fff}.info-modal-close{position:absolute;top:.62rem;right:.75rem}.info-modal-body{min-height:0;overflow:auto;padding:1rem 1.15rem 1.2rem;border-top:1px solid rgba(255,255,255,.1)}.info-modal-body h2{margin:0 0 .75rem;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.1}.challenge-modal{grid-template-rows:minmax(0,1fr);width:min(34rem,calc(100vw - 2rem));max-height:min(88vh,48rem);border-color:#f8e16c33;background:radial-gradient(circle at 12% 0%,rgba(248,225,108,.12),transparent 13rem),#070f0ef0;box-shadow:0 24px 70px #0000006b,0 0 36px #f8e16c14}.challenge-modal-body{min-height:0;overflow:auto;padding:1.15rem 3.7rem 1.25rem 1.15rem}.challenge-modal-body h2{margin:0 0 .85rem;color:#fff6c8;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.1}.challenge-modal-body p:not(.eyebrow){margin:0 0 .75rem;color:#dbe9e5;line-height:1.48}.challenge-modal-image{display:block;width:100%;max-height:20rem;object-fit:contain;margin-top:1rem}.challenge-modal-body .challenge-modal-note{margin:.85rem 0 0;color:#b9cbc6;font-size:.84rem;line-height:1.42}.challenge-modal-body .challenge-modal-note+.challenge-modal-note{margin-top:.42rem}.stems-congrats-layer{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 42%,rgba(248,225,108,.14),transparent 26rem),#0206068a;pointer-events:auto}.stems-congrats-modal{position:relative;display:grid;width:min(46rem,calc(100vw - 2rem));max-height:min(88vh,52rem);border:1px solid rgba(248,225,108,.36);border-radius:8px;background:radial-gradient(circle at 14% 0%,rgba(248,225,108,.18),transparent 15rem),linear-gradient(135deg,#3c2d0c6b,#070f0ef5 52%),#070f0ef5;box-shadow:0 26px 80px #0000008a,0 0 40px #f8e16c29,inset 0 0 0 1px #f8e16c14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stems-congrats-body{min-height:0;overflow:auto;padding:1.35rem 3.9rem 1.4rem 1.35rem}.stems-congrats-body h2{margin:0 0 1rem;color:#fff4bd;font-size:clamp(1.35rem,2.8vw,2.25rem);line-height:1.12;text-shadow:0 0 22px rgba(248,225,108,.22)}.stems-congrats-body p{margin:0 0 .85rem;color:#e8eee8;line-height:1.52}.stems-congrats-stem-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.45rem;margin:0 0 .95rem;padding:0;list-style:none}.stems-congrats-stem-list li,.stems-congrats-branches{border:1px solid rgba(248,225,108,.16);border-radius:8px;background:#f8e16c0e;color:#fff6c8}.stems-congrats-stem-list li{padding:.45rem .55rem}.stems-congrats-body .stems-congrats-branches{padding:.62rem .7rem;line-height:1.5}.stems-congrats-action{justify-self:start;margin-top:.25rem;border:1px solid rgba(248,225,108,.44);border-radius:999px;padding:.52rem .86rem;background:#f8e16c26;color:#fff6c8;cursor:pointer;font-weight:650;box-shadow:0 0 22px #f8e16c24}.stems-congrats-action:hover{border-color:#f8e16cad;box-shadow:inset 0 0 0 1px #f8e16c33,0 0 28px #f8e16c38}.info-modal-body p:not(.eyebrow){margin:0 0 .75rem;color:#dbe9e5;line-height:1.48}.author-page{display:grid;gap:.85rem}.author-card{display:grid;gap:.65rem;min-width:0;padding:.9rem;border:1px solid rgba(183,61,91,.28);border-radius:8px;background:linear-gradient(90deg,rgba(138,36,62,.14),transparent 72%),#ffffff0a;box-shadow:inset 0 0 0 1px #b73d5b0d}.author-card h2{margin:0 0 .1rem;color:#ffd8df;font-size:clamp(1rem,1.8vw,1.25rem);letter-spacing:.04em}.author-card p{margin:0;color:#e4efeb;line-height:1.52}.author-card-bio{border-color:#ffffff38;background:linear-gradient(90deg,rgba(255,255,255,.09),transparent 72%),#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff09}.author-card-bio h2{color:#f8fbfa}.author-contact-list{display:grid;gap:.52rem}.author-contact-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.68rem;min-width:0;padding:.62rem .68rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;color:#edf8f5;text-decoration:none}.author-contact-row:hover{border-color:#f8e16c66;box-shadow:inset 0 0 0 1px #f8e16c1f,0 0 18px #f8e16c1a}.author-contact-icon{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(183,61,91,.32);border-radius:999px;background:#8a243e2e;color:#ffd8df}.author-contact-icon svg{width:1.12rem;height:1.12rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.author-contact-copy{display:grid;gap:.12rem;min-width:0}.author-contact-copy span{color:#bda5ab;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.author-contact-copy strong{color:#f7fbf9;font-size:.9rem;font-weight:400;line-height:1.32;overflow-wrap:anywhere}.about-page{display:grid;gap:.85rem}.about-card{display:grid;gap:.58rem;min-width:0;padding:.9rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b}.about-card h2{margin:0 0 .1rem;font-size:clamp(1rem,1.8vw,1.25rem);letter-spacing:.04em}.about-card p{margin:0;color:#e4efeb;line-height:1.52}.about-card-lavender{border-color:#caaaff47;background:linear-gradient(90deg,rgba(202,170,255,.12),transparent 72%),#ffffff0a;box-shadow:inset 0 0 0 1px #caaaff0a}.about-card-lavender h2{color:#e6d8ff}.about-card-chamomile{border-color:#f8e16c47;background:linear-gradient(90deg,rgba(248,225,108,.11),transparent 72%),#ffffff0a;box-shadow:inset 0 0 0 1px #f8e16c0a}.about-card-chamomile h2{color:#fff6c8}.about-card-sky{border-color:#92cde847;background:linear-gradient(90deg,rgba(146,205,232,.11),transparent 72%),#ffffff0a;box-shadow:inset 0 0 0 1px #92cde80a}.about-card-sky h2{color:#dceff7}.about-card-white{border-color:#ffffff38;background:linear-gradient(90deg,rgba(255,255,255,.09),transparent 72%),#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff09}.about-card-white h2{color:#f8fbfa}.how-play-page{display:grid;gap:.9rem}.how-play-intro,.how-play-section{min-width:0;border:1px solid rgba(91,212,140,.16);border-radius:8px;background:linear-gradient(90deg,rgba(91,212,140,.08),transparent 72%),#ffffff0a}.how-play-intro{padding:.9rem}.how-play-intro h2{margin:0 0 .65rem}.how-play-intro p,.how-play-content p{margin:0 0 .62rem;color:#dbe9e5;line-height:1.48}.how-play-intro strong{color:#fff8d7}.how-play-sections{display:grid;gap:.68rem}.how-play-section{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.75rem}.how-play-number{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(91,212,140,.34);border-radius:999px;background:#5bd48c24;color:#dbffe8;font-weight:700;box-shadow:0 0 16px #5bd48c24}.how-play-content h3{margin:0 0 .55rem;color:#f4fbf8;font-size:1rem;letter-spacing:0}.how-play-list{display:grid;gap:.32rem;margin:.15rem 0 0;padding-left:1.1rem;color:#b9cbc6;line-height:1.42}.how-play-list li::marker{color:#5bd48c}.how-play-ui-chip{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;max-width:100%;border-radius:999px;padding:.28rem .55rem;color:#e8eef2;font-size:.8rem;white-space:nowrap}.how-play-ui-chip-icon{border:1px solid rgba(255,255,255,.16);background:#050a0a9e}.how-play-ui-chip-primary{border:1px solid rgba(248,225,108,.34);background:#f8e16c21;color:#fff6c8}.how-play-ui-chip-design{border:1px solid rgba(146,205,232,.24);background:#92cde821;color:#dceff7}.how-play-ui-chip svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.legend-page{display:grid;gap:1.1rem}.legend-section{display:grid;gap:.8rem;min-width:0}.legend-section-head{display:grid;gap:.18rem}.legend-section-head h3{margin:0;color:#f4fbf8;font-size:1rem;letter-spacing:0}.legend-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.legend-example-card,.legend-field-card,.legend-tier-row{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.legend-example-card{display:grid;gap:.65rem;align-content:start;padding:.8rem}.legend-example-head{display:flex;align-items:center;gap:.58rem}.legend-example-head div{display:grid;gap:.1rem}.legend-example-head span{color:#93b0aa;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.legend-example-head strong{color:#fff;font-size:1.35rem;line-height:1}.legend-example-card dl{display:grid;gap:.42rem;margin:0}.legend-example-card dl div{display:grid;grid-template-columns:minmax(5.7rem,.48fr) minmax(0,1fr);gap:.5rem}.legend-example-card dt{color:#90a39e;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.legend-example-card dd{margin:0;color:#e3eeeb;line-height:1.35}.legend-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.legend-field-card{display:grid;gap:.35rem;padding:.72rem}.legend-field-card strong{color:#fff8d7;font-size:.9rem}.info-modal-body .legend-field-card p,.info-modal-body .legend-tier-row p,.info-modal-body .legend-intro{margin:0}.legend-field-card p,.legend-tier-row p,.legend-intro{color:#b9cbc6;font-size:.84rem;line-height:1.42;white-space:pre-line}.legend-tier-list{display:grid;gap:.5rem}.legend-tier-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.62rem .7rem}.legend-tier-row strong{display:block;margin-bottom:.18rem;color:#f4fbf8}.app-content{display:grid;grid-template-rows:minmax(28rem,50vh) auto;padding:1rem;gap:1rem}.global-pane,.local-pane,.hud-pane,.synthesis-pane,.bank-pane,.workspace-slider,.workspace-track,.workspace-slide{min-width:0;min-height:0}.workspace-slider{overflow:hidden;height:50vh;min-height:22rem}.workspace-track{display:grid;grid-template-columns:repeat(2,50%);width:200%;height:100%;transition:transform .46s cubic-bezier(.65,0,.35,1)}.workspace-slider.show-synthesis .workspace-track{transform:translate(-50%)}.workspace-slide{display:grid;grid-template-columns:minmax(24rem,1fr) minmax(24rem,1fr);gap:1rem;height:100%;align-items:stretch}.panel-with-switch{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.65rem;min-height:0}.workspace-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.local-panel-tab{position:relative;display:flex;flex-wrap:wrap;align-items:center;width:fit-content;max-width:100%;gap:.45rem;padding:.42rem .65rem;border:1px solid rgba(255,255,255,.12);border-left-color:#9ecabe8f;border-radius:8px 999px 999px 8px;background:linear-gradient(90deg,rgba(158,202,190,.16),transparent 70%),#070f0ec7;color:#d5e3df;box-shadow:-.65rem 0 #9ecabe14}.local-panel-tab span{padding:.2rem .42rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#050a0a6b;font-size:.78rem}.workspace-switch{z-index:3;width:fit-content;max-width:100%;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.42rem .72rem;background:#ffffff0e;color:#e8eef2;cursor:pointer}.workspace-switch:hover{border-color:#f8e16c7a;color:#f8e16c}.workspace-switch-right{justify-self:end}.workspace-switch-left{justify-self:start}.global-pane{min-height:28rem}.local-pane{min-height:0}.global-pane>.global-map,.local-pane>.local-map,.hud-pane>.panel-frame,.bank-pane>.panel-frame,.synthesis-pane>.panel-frame{height:100%}.panel-with-switch>.panel-frame{height:auto;min-height:0}.map-frame,.panel-frame{position:relative;overflow:hidden;min-height:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#070f0ec7;box-shadow:0 18px 60px #00000038}.global-map,.global-map canvas{width:100%;height:100%}.panel-heading{position:absolute;z-index:4;top:.75rem;left:.75rem;right:.75rem;display:flex;justify-content:space-between;gap:.75rem;color:#d5e3df;font-size:.78rem;pointer-events:none}.panel-heading span{padding:.32rem .5rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#050a0a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.global-recenter{position:absolute;z-index:5;right:.85rem;bottom:.85rem;display:grid;place-items:center;width:2.55rem;height:2.55rem;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#050a0a9e;color:#eaf6f2;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.global-recenter:hover:not(:disabled){border-color:#f8e16c85;color:#f8e16c}.global-recenter:disabled{cursor:default;opacity:.55}.global-recenter svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.local-stage{position:absolute;top:.85rem;right:.9rem;bottom:1.15rem;left:.9rem;border-radius:6px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px}.local-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.local-edges line{stroke:#9ecabe73;stroke-width:1.4}.local-edges .edge-ray{stroke:#9ecabe57;stroke-linecap:round;stroke-width:1.4}.local-edges .overflow-ray{stroke:#9ecabe6b}.local-node{position:absolute;z-index:1;display:grid;place-items:center;width:clamp(4rem,9.4vh,5.1rem);height:clamp(4rem,9.4vh,5.1rem);padding:0;border:0;background:transparent;color:#f8fbfa;cursor:pointer;transform:translate(-50%,-50%);transition:left .42s cubic-bezier(.65,0,.35,1),top .42s cubic-bezier(.65,0,.35,1),filter .22s ease,opacity .22s ease}.local-node.current{width:clamp(5.2rem,12vh,7rem);height:clamp(5.2rem,12vh,7rem);cursor:default}.local-node.previous{filter:drop-shadow(0 0 12px rgba(248,225,108,.48)) drop-shadow(0 0 24px rgba(248,225,108,.22))}.local-node.previous .node-glyph svg{filter:drop-shadow(0 0 16px rgba(248,225,108,.58)) drop-shadow(0 0 30px rgba(248,225,108,.26))}.local-node span:last-child{position:absolute;z-index:2;max-width:88%;overflow:hidden;color:#fff;font-size:clamp(.82rem,2vh,1.05rem);font-weight:400;line-height:1;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.72);white-space:nowrap}.local-node.current span:last-child{font-size:clamp(1.15rem,3.2vh,1.75rem)}.node-glyph{display:inline-grid;place-items:center;width:2rem;height:2rem;flex:0 0 auto}.node-glyph.medium{width:clamp(3.35rem,8vh,4.35rem);height:clamp(3.35rem,8vh,4.35rem)}.node-glyph.large{width:clamp(4.25rem,10vh,5.8rem);height:clamp(4.25rem,10vh,5.8rem)}.node-glyph svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--node-color),transparent 55%))}.node-glyph circle,.node-glyph polygon{fill:color-mix(in srgb,var(--node-color),#101817 18%);stroke:#ffffffad;stroke-width:4}.neighbor-tooltip{position:absolute;z-index:5;display:grid;gap:.18rem;width:min(18rem,calc(100% - 1.5rem));max-height:calc(100% - 1.5rem);overflow:auto;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#050a0ac7;color:#dbe9e5;font-size:.8rem;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.neighbor-tooltip strong{color:#fff;font-size:1.35rem}.tooltip-reading{color:#dcebe7;font-weight:650}.tooltip-gloss{color:#abc0ba;line-height:1.35}.panel-frame{overflow:auto;padding:1rem}.design-panel{position:fixed;z-index:20;top:5.2rem;right:1rem;display:grid;gap:1rem;width:min(22rem,calc(100vw - 2rem));padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#070f0eeb;box-shadow:0 18px 60px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.design-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.design-panel-head h2{margin:0;font-size:1.2rem}.icon-button{display:grid;place-items:center;width:2rem;height:2rem;padding:0;font-size:1.25rem;line-height:1}.setting-row{display:grid;gap:.55rem}.setting-row span{display:flex;justify-content:space-between;gap:1rem;color:#e4efeb;font-size:.9rem}.setting-row small{color:#9fb4ae}.setting-row input{width:100%;accent-color:#f8e16c}.secondary-button{justify-self:start;padding:.42rem .72rem}.dictionary-head{display:flex;align-items:center;gap:1rem;margin-bottom:.85rem}.dictionary-head h2{font-size:clamp(2rem,4vw,3.8rem);font-weight:700;line-height:1}.dictionary-head span{color:#abc0ba;font-size:.9rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.detail-grid>div{min-width:0;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a}.detail-grid>.compound-jump-stack,.compound-detail-grid>.constituent-jump-action{padding:0;border:0;background:transparent}.compound-readings-card{grid-column:1;grid-row:1}.compound-english-card{grid-column:2;grid-row:1}.compound-constituents-card{grid-column:1;grid-row:2 / span 2}.compound-jump-stack{display:grid;grid-column:2;grid-row:2;gap:.8rem;align-self:start}.constituent-jump-action{display:grid;gap:1.15rem;align-self:start}.detail-grid p{margin:0;color:#e3eeeb;line-height:1.42}.reading-list{display:grid;gap:.18rem}.tier-badge{display:inline-flex;margin-right:.4rem;border-color:color-mix(in srgb,var(--tier-color),transparent 30%);color:#fff;background:color-mix(in srgb,var(--tier-color),transparent 72%)}.constituents{display:flex;flex-wrap:wrap;gap:.45rem}.constituents span{display:inline-flex;align-items:center;gap:.25rem}.constituent-details{display:grid;gap:.55rem}.constituent-card{display:grid;gap:.45rem;width:100%;padding:.55rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000029;color:inherit;cursor:pointer;text-align:left}.constituent-card:hover{border-color:#f8e16c52;background:#ffffff0e}.constituent-card.selected{border-color:#f8e16c7a;background:radial-gradient(circle at 12% 50%,rgba(248,225,108,.16),transparent 9rem),#ffffff0e;box-shadow:inset 0 0 0 1px #f8e16c1f,0 0 18px #f8e16c1f}.constituent-card-head{display:flex;align-items:center;gap:.35rem}.constituent-card-head strong{font-size:1.1rem;font-weight:400;color:#fff8d7}.constituent-card dl{display:grid;gap:.35rem;margin:0}.constituent-card dl div{display:grid;grid-template-columns:4.7rem minmax(0,1fr);gap:.45rem}.constituent-card dt{color:#90a39e;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.constituent-card dd{min-width:0;margin:0;color:#e3eeeb;line-height:1.35;overflow-wrap:anywhere}.constituent-jump-button{width:100%}.constituent-jump-help{margin:0;color:#abc0ba;font-size:.82rem;line-height:1.35}.bank-head{margin-bottom:.75rem}.kanji-bank{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.55rem;width:100%;min-height:0;max-height:none;padding-right:.35rem}.kanji-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:.45rem;min-width:10rem;max-width:13rem;padding:.55rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b;color:#f7fbfa;cursor:pointer;text-align:left}.kanji-card:hover{border-color:#f8e16c61;background:#ffffff13}.kanji-card strong{font-size:1.45rem}.kanji-card span:last-child{grid-column:1 / -1;overflow:hidden;color:#abc0ba;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.synthesis-panel{display:grid;grid-template-rows:auto auto minmax(12rem,1fr);gap:.85rem;min-height:0;height:100%}.synthesis-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.synthesis-head h2{margin:0}.synthesis-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.primary-button{border:1px solid rgba(248,225,108,.34);border-radius:999px;padding:.42rem .72rem;background:#f8e16c21;color:#fff6c8;cursor:pointer}.primary-button:disabled{cursor:default;opacity:.45}.selected-kanji-strip{display:flex;flex-wrap:wrap;gap:.45rem;min-height:2.5rem}.selected-kanji-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .5rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0e;color:#f7fbfa;cursor:pointer}.synthesis-empty-copy{display:grid;gap:.9rem}.suggestion-list{display:grid;gap:.5rem;min-height:0;overflow:auto;padding-right:.35rem}.suggestion-card{display:grid;grid-template-columns:auto 1fr auto;gap:.22rem .65rem;align-items:center;padding:.62rem .7rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#e8eef2;cursor:pointer;text-align:left}.suggestion-card.selected{border-color:#ffffffe6;box-shadow:inset 0 0 0 1px #ffffff2e}.suggestion-card.usable{border-color:#f8e16c42;background:radial-gradient(circle at 12% 50%,rgba(248,225,108,.14),transparent 11rem),#ffffff0b;box-shadow:0 0 18px #f8e16c1f}.suggestion-card.usable.selected{border-color:#fffffff2;box-shadow:inset 0 0 0 1px #ffffff6b,0 0 18px #f8e16c24}.suggestion-card.locked:not(.selected){opacity:.72}.suggestion-surface{grid-row:span 2;font-size:1.35rem;font-weight:750}.suggestion-reading,.suggestion-gloss{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-reading{color:#dcebe7;font-size:.82rem;font-weight:650}.suggestion-gloss{color:#abc0ba;font-size:.78rem}.suggestion-kanji{justify-self:end;color:#fff;font-weight:700}.suggestion-status{justify-self:end;color:#9fb4ae;font-size:.72rem}.empty-state{margin:0;color:#9fb4ae}.loading-panel,.app-error{display:grid;place-content:center;gap:1.25rem;min-height:100vh;padding:2rem;background:#08100f;color:#f4fbf8;text-align:center}.loading-title{margin:0;font-size:clamp(2rem,3.7vw,3.25rem);font-weight:650;line-height:1;letter-spacing:0;white-space:nowrap}.loading-mark{justify-self:center;width:3rem;height:3rem;border:2px solid rgba(255,255,255,.16);border-top-color:#f8e16c;border-radius:999px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.topbar{align-items:flex-start}.app-content{grid-template-rows:minmax(22rem,44vh) auto}.workspace-slider{overflow-x:hidden;overflow-y:hidden;height:auto;min-height:0}.workspace-slide{grid-template-columns:1fr;grid-template-rows:minmax(22rem,50vh) minmax(22rem,50vh);height:auto;min-height:0}.detail-grid,.legend-example-grid,.legend-field-grid,.how-play-section{grid-template-columns:1fr}.compound-readings-card,.compound-english-card,.compound-constituents-card,.compound-jump-stack,.constituent-jump-action{grid-column:auto;grid-row:auto}}div.svelte-clyidt{position:relative;width:100%;height:100%;overflow:hidden}canvas.svelte-clyidt{display:block;position:relative;width:100%;height:100%}