:root{font-family:Outfit,"Noto Serif TC",sans-serif;color:#e9e6da;background:#121916;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--ink: #e9e6da;--muted: #9a9e90;--faint: #687168;--line: rgba(223,226,207,.17);--accent: #c5b27e;--bg: #121916}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}#app{min-height:100vh}.home-screen,.catalog-screen,.viewer-screen{min-height:100vh;position:relative;overflow:hidden}.home-screen{background:#17211c;display:flex;flex-direction:column;padding:34px 5.5vw 24px}.home-grain{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(220,224,205,.24) .5px,transparent .7px);background-size:8px 8px}.brand,.wordmark{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.17em;font-weight:500;position:relative;z-index:2}.brand b,.wordmark i{color:#a4a999;font-weight:400;font-style:normal;letter-spacing:.05em}.brand-mark{width:30px;height:30px;border:1px solid #c2b78d;border-radius:50%;display:grid;place-items:center;font-family:"Noto Serif TC",serif;color:#d4c394;font-size:16px;font-weight:500;letter-spacing:0}.brand-mark.small{width:27px;height:27px;font-size:14px}.home-content{position:relative;z-index:2;margin:clamp(85px,16vh,190px) 0 0 8vw;max-width:580px}.eyebrow{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;color:#adac91;margin:0 0 22px}.home-content h1,.catalog-heading h1,.list-heading h1{font-family:"Noto Serif TC",serif;font-size:clamp(48px,6.1vw,88px);line-height:1.31;letter-spacing:.06em;font-weight:500;margin:0}.home-content h1 em,.catalog-heading h1 em{font-style:normal;color:#c5b27e}.enter-button{background:none;border:0;border-bottom:1px solid #777c69;padding:0 0 14px;display:flex;justify-content:space-between;gap:90px;min-width:220px;letter-spacing:.1em;font-size:14px}.enter-button:hover{color:#d4c394;border-color:#d4c394}.arrow{font-size:18px}.home-specimen{position:absolute;width:min(44vw,590px);aspect-ratio:1;right:7vw;top:50%;transform:translateY(-48%);display:grid;place-items:center;color:#bfb287ad}.specimen-glyph{font-size:clamp(160px,26vw,340px);line-height:1;font-family:serif;text-shadow:0 18px 80px #0008;animation:drift 10s ease-in-out infinite}.specimen-orbit{position:absolute;border:1px solid rgba(190,181,143,.18);border-radius:50%;width:80%;height:80%;transform:rotate(-26deg) scaleY(.53)}.orbit-b{width:66%;height:66%;transform:rotate(36deg) scaleY(.64);border-color:#beb58f1c}.specimen-caption{position:absolute;bottom:14%;right:2%;font:9px/1.8 DM Mono,monospace;letter-spacing:.14em;color:#989c88}.home-footer,.catalog-footer{margin-top:auto;position:relative;z-index:2;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:#92998b;font:9px DM Mono,monospace;letter-spacing:.1em}.corner-info{position:absolute;right:5.5vw;top:36px;background:none;border:0;color:#a6aa9b;font-size:11px;letter-spacing:.12em;z-index:2}.corner-info span{margin-left:12px;color:var(--accent)}@keyframes drift{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-13px) rotate(-4deg)}}.catalog-screen{background:#141b17;padding:30px 5.5vw 22px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:40px}.wordmark{border:0;background:none;padding:0;font-size:11px;letter-spacing:.13em}.top-meta,.breadcrumb{font:10px DM Mono,monospace;letter-spacing:.08em;color:#92998b}.top-meta b{color:var(--accent);font-weight:400;margin-left:18px}.catalog-heading{margin:clamp(35px,7vh,74px) 0 34px 5.2vw}.catalog-heading .eyebrow{margin-bottom:16px}.catalog-heading h1{font-size:clamp(42px,5vw,66px);line-height:1.25}.catalog-heading>p:last-child,.list-heading>div>p:last-child{font-size:12px;letter-spacing:.07em;color:#9da395;margin:14px 0 0}.class-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 2.8vw;gap:12px}.class-card{min-height:265px;text-align:left;background:#1a231e;border:1px solid rgba(216,220,199,.11);padding:19px 17px;position:relative;display:flex;flex-direction:column;transition:background .2s,border-color .2s,transform .2s}.class-card:hover{background:#222c25;border-color:#c5b27e94;transform:translateY(-4px)}.card-index{font:9px DM Mono,monospace;color:#c4b47f;letter-spacing:.08em}.card-index i{font-style:normal;color:#727b70}.class-icon{font-size:54px;color:#c8ba8c;margin:33px 0 18px;font-family:serif;line-height:1}.class-card strong{font-family:"Noto Serif TC",serif;font-size:19px;font-weight:500;letter-spacing:.05em}.class-description{font-size:10px;color:#92998b;margin-top:9px;letter-spacing:.03em;line-height:1.6}.class-period{font:9px DM Mono,monospace;color:#707a70;margin-top:auto;padding-top:24px}.card-arrow{position:absolute;right:17px;bottom:18px;color:#bcae7e}.catalog-footer{padding-top:13px}.catalog-footer b{color:var(--accent);font-weight:400;margin-left:10px}.breadcrumb{display:flex;gap:12px;align-items:center}.breadcrumb b{color:#5d685e;font-weight:400}.item-screen{padding-bottom:20px}.list-heading{margin:clamp(36px,7vh,68px) 7vw 25px;display:flex;justify-content:space-between;align-items:end}.list-heading h1{font-size:clamp(40px,4.8vw,62px)}.list-heading h1 em{font-size:.43em;font-style:normal;color:var(--accent);margin-left:18px;letter-spacing:.14em}.list-heading .eyebrow{margin-bottom:13px}.list-count{font:42px DM Mono,monospace;color:#d2c28f}.list-count i{display:block;font:9px DM Mono,monospace;color:#778075;letter-spacing:.16em;text-align:right;margin-top:2px}.item-list{margin:0 7vw 22px;border-top:1px solid var(--line)}.item-row{width:100%;height:82px;display:grid;grid-template-columns:50px 58px 1fr 190px 30px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 12px;transition:background .2s}.item-row:hover{background:#1c251f}.item-number{font:11px DM Mono,monospace;color:#9f9676}.item-thumb{width:42px;height:42px;background:#29332b;display:grid;place-items:center;color:#baad80;font:27px serif}.item-title strong,.item-title i,.item-period i{display:block}.item-title strong{font-family:"Noto Serif TC",serif;font-size:14px;font-weight:500;letter-spacing:.04em}.item-title i,.item-period i{font:10px DM Mono,monospace;color:#818a7d;margin-top:5px}.item-period{font-size:10px;color:#c1c2b4;letter-spacing:.06em}.item-arrow{text-align:right;color:#bcae7e;font-size:17px}.item-screen .catalog-footer{margin-top:auto}.viewer-screen{background:#121916;display:flex;flex-direction:column;padding:23px 4.2vw 18px}.viewer-top{height:43px;display:flex;align-items:center;justify-content:space-between;flex:none}.viewer-crumb{display:flex;align-items:center;gap:11px;font-size:10px;color:#92998b}.viewer-crumb button{border:0;background:none;padding:0;color:#b7b9ab;font-size:10px}.viewer-crumb b{font-weight:400;color:#586258}.viewer-crumb>span{color:#d9d6c8}.viewer-counter{font:15px DM Mono,monospace;color:#d1c28f}.viewer-counter i{font-style:normal;font-size:10px;color:#747d72}.viewer-layout{display:grid;grid-template-columns:minmax(210px,23%) 1fr 42px;gap:22px;flex:1;min-height:0;margin:16px 0}.specimen-info{padding:30px 0 0 1.2vw;display:flex;flex-direction:column}.specimen-info .eyebrow{font-size:9px;margin-bottom:22px}.specimen-info h1{font-family:"Noto Serif TC",serif;font-size:clamp(28px,3vw,40px);line-height:1.35;letter-spacing:.06em;font-weight:500;margin:0}.latin{font:italic 12px DM Mono,monospace;color:#a6a58f;margin:9px 0 24px}.info-rule{height:1px;background:var(--line);width:78%}.specimen-info dl{margin:20px 0 0}.specimen-info dl div{margin:0 0 16px}.specimen-info dt{font-size:9px;letter-spacing:.14em;color:#879083;margin-bottom:5px}.specimen-info dd{font-family:"Noto Serif TC",serif;font-size:13px;color:#e2dfd0;margin:0}.view-hint{display:flex;gap:13px;align-items:center;color:#a8ac9c;font-size:10px;line-height:1.7;margin-top:auto;margin-bottom:20px}.drag-icon{width:28px;height:28px;border:1px solid #606a5d;border-radius:50%;display:grid;place-items:center;color:#c5b27e;font-size:18px}.view-bound{font:9px/1.8 DM Mono,monospace;color:#a99d72;border-left:1px solid #716847;padding-left:10px;margin-bottom:11px}.view-bound span{color:#7e867b}.canvas-wrap{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#3a4437 0,#222d26 40%,#18211c 78%);border:1px solid rgba(219,224,207,.11);min-height:420px}.canvas-grid{position:absolute;inset:50% -15% -45%;transform:perspective(250px) rotateX(59deg);transform-origin:top center;background-image:linear-gradient(rgba(205,199,165,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(205,199,165,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.canvas-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(10,15,12,.35))}#model-canvas{position:absolute;inset:0;z-index:1;touch-action:none}#model-canvas canvas{width:100%;height:100%;display:block;cursor:grab}#model-canvas canvas:active{cursor:grabbing}.canvas-label{position:absolute;z-index:3;font:8px DM Mono,monospace;letter-spacing:.11em;color:#9ca494;pointer-events:none}.canvas-label.top-left{top:18px;left:18px}.canvas-label.top-left span{color:#b3b687;margin-left:12px}.canvas-label.top-left span:first-letter{font-size:7px}.bottom-left{bottom:17px;left:18px}.bottom-left i{color:#c5b27e;font-style:normal}.bottom-right{bottom:17px;right:18px}.model-notice{position:absolute;z-index:4;top:16px;right:16px;font:8px DM Mono,monospace;letter-spacing:.03em;color:#a9aa96;background:#141b17b8;padding:7px 9px;border:1px solid #58625366;pointer-events:none}.no-webgl{height:100%;display:grid;place-items:center;color:#b9b5a4;font-size:13px}.viewer-tools{display:flex;flex-direction:column;align-items:center;padding-top:22px;gap:9px}.tool-button{width:35px;height:35px;border:1px solid #414b40;background:#1c251f;color:#c6bb91;font-size:19px}.tool-button:hover{border-color:var(--accent)}.tool-rule{height:1px;width:22px;background:#4c5748;margin:4px 0}.reset-view{font-size:22px}.viewer-bottom{height:45px;flex:none;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--line);padding-top:13px}.back-list,.specimen-nav button{border:0;background:none;padding:0;color:#c4c2b4;font-size:10px}.back-list{text-align:left}.back-list:first-letter{color:var(--accent)}.back-list span,.specimen-nav button span{margin-left:9px;color:#a1a598}.specimen-nav{display:flex;justify-content:center;align-items:center;gap:17px}.specimen-nav>span{height:16px;width:1px;background:#515b4e}.specimen-nav button:disabled{opacity:.3;cursor:default}.bottom-note{text-align:right;font:8px DM Mono,monospace;letter-spacing:.06em;color:#737d71}@media(max-width:850px){.home-specimen{right:-8vw;opacity:.48}.home-content{margin-left:3vw}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 1vw}.class-card{min-height:200px}.class-card:last-child{grid-column:span 2}.class-icon{margin:20px 0 12px}.catalog-screen{overflow:auto}.catalog-footer{margin-top:30px}.viewer-layout{grid-template-columns:170px 1fr 35px;gap:12px}.specimen-info{padding-left:0}.specimen-info h1{font-size:26px}.viewer-crumb{display:none}.item-row{grid-template-columns:35px 48px 1fr 125px 20px;margin:0}.item-list{margin-left:2vw;margin-right:2vw}}@media(max-width:580px){.home-screen{padding:24px}.home-content{margin:18vh 0 0}.home-specimen{width:90vw;right:-30vw;top:55%;opacity:.34}.home-footer span:nth-child(2){display:none}.catalog-screen{padding:22px 20px}.top-meta{display:none}.catalog-heading{margin:60px 0 30px}.class-grid{grid-template-columns:1fr 1fr;gap:8px}.class-card{min-height:190px;padding:14px 12px}.class-card strong{font-size:15px}.class-description{font-size:9px}.class-icon{font-size:42px}.card-index{font-size:8px}.catalog-footer span:last-child{display:none}.item-row{height:74px;grid-template-columns:28px 42px 1fr 18px;padding:0 3px}.item-period{display:none}.item-title strong{font-size:12px}.item-title i{font-size:9px}.list-heading{margin:60px 2vw 22px}.list-count{font-size:30px}.breadcrumb{display:none}.viewer-screen{padding:16px 15px 13px}.viewer-top{height:35px}.viewer-counter{font-size:12px}.viewer-layout{grid-template-columns:1fr 36px;grid-template-rows:auto 1fr;gap:10px;margin:8px 0}.specimen-info{grid-column:1/2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;align-content:start;padding:8px 2px}.specimen-info .eyebrow,.specimen-info h1,.specimen-info .latin,.specimen-info .info-rule{grid-column:1/3}.specimen-info .eyebrow{margin-bottom:7px}.specimen-info h1{font-size:24px}.latin{font-size:10px;margin:4px 0 9px}.info-rule{display:none}.specimen-info dl{display:flex;gap:18px;margin:4px 0}.specimen-info dl div{margin:0}.specimen-info dt{font-size:8px;margin-bottom:2px}.specimen-info dd{font-size:10px}.specimen-info dl div:nth-child(3){display:none}.view-hint,.view-bound{display:none}.canvas-wrap{grid-column:1/2;grid-row:2;min-height:300px}.viewer-tools{grid-column:2;grid-row:2;padding-top:8px}.viewer-bottom{grid-template-columns:1fr 1fr}.bottom-note{display:none}.specimen-nav{justify-content:flex-end}.back-list span{font-size:9px}}.class-wheel-screen{min-height:100svh;height:100svh;padding-bottom:0;background:radial-gradient(ellipse at 50% 38%,#26362b 0,#19231d 42%,#121916 82%)}.wheel-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center}.wheel-heading{position:absolute;z-index:3;top:clamp(28px,7vh,72px);left:0;right:0;text-align:center}.wheel-heading .eyebrow{margin:0 0 15px;color:#c1b484}.wheel-prompt{margin:0;font-family:"Noto Serif TC",serif;font-size:clamp(17px,2.2vw,24px);letter-spacing:.09em;color:#e9e6da}.wheel-prompt span{color:#aeb3a2;font-family:Outfit,"Noto Serif TC",sans-serif;font-size:.62em;letter-spacing:.1em;margin-left:12px}.class-feature{position:absolute;z-index:2;top:30%;left:50%;transform:translate(-50%,-50%);width:min(760px,90vw);min-height:230px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:34px;padding:28px 34px;border:1px solid rgba(223,226,207,.14);background:linear-gradient(110deg,#263329db,#19221d9e);box-shadow:0 22px 60px #0003;backdrop-filter:blur(8px);overflow:hidden}.feature-orbit{position:absolute;width:230px;height:230px;left:9px;top:50%;transform:translateY(-50%);border:1px solid rgba(216,192,132,.14);border-radius:50%;box-shadow:0 0 0 23px #d8c08406,0 0 0 52px #d8c08405;pointer-events:none}.feature-icon{position:relative;z-index:1;width:150px;height:150px;display:grid;place-items:center;color:#d2c18d;font:100px/1 serif;text-shadow:0 10px 32px #d5aa6233;animation:feature-arrive .4s ease-out}.feature-copy{position:relative;z-index:1}.feature-index{font:9px DM Mono,monospace;letter-spacing:.13em;color:#bcae7e;margin:0 0 11px}.feature-copy h1{font-family:"Noto Serif TC",serif;font-size:clamp(30px,4vw,48px);font-weight:500;letter-spacing:.08em;margin:0;color:#eeeade}.feature-description{margin:9px 0 22px;color:#aeb3a2;font-size:12px;letter-spacing:.08em}.feature-period{font:9px DM Mono,monospace;letter-spacing:.06em;color:#818b7e}.feature-period span{margin-left:8px;color:#c8c4b0}.explore-class{position:relative;z-index:2;align-self:end;white-space:nowrap;border:1px solid rgba(211,190,131,.56);background:#c5b27e1f;padding:13px 17px;color:#e7dbb7;font-size:12px;letter-spacing:.1em;transition:background .2s,transform .2s}.explore-class span{margin-left:14px;color:#d9c27d;font-size:17px}.explore-class:hover{background:#c5b27e40;transform:translateY(-2px)}.class-wheel-viewport{position:absolute;z-index:1;left:50%;bottom:-min(77vw,690px);transform:translate(-50%);width:min(1200px,140vw);aspect-ratio:1;border-radius:50%;touch-action:none;cursor:grab;user-select:none}.class-wheel-disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,#29382d 0 23%,#222f26 23.2% 46%,#1b2820 46.2% 67%,#19231d 67.2%);border:1px solid rgba(218,198,142,.26);box-shadow:0 -18px 80px #00000059,inset 0 10px 40px #dfce9712,inset 0 0 0 16px #c1b17e09;overflow:hidden}.wheel-rim{position:absolute;inset:2.5%;border:1px solid rgba(216,192,132,.24);border-radius:50%;box-shadow:0 0 0 13px #d7be7c06,0 0 0 28px #d7be7c05}.wheel-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:20%;aspect-ratio:1;border:1px solid rgba(215,190,124,.28);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c7b984;box-shadow:0 0 45px #c4a85a14,inset 0 0 25px #c4a85a0c;pointer-events:none}.wheel-center span{font:clamp(28px,4vw,54px) "Noto Serif TC",serif}.wheel-center i{font:7px/1.5 DM Mono,monospace;letter-spacing:.2em;text-align:center;font-style:normal;color:#899080}.wheel-options{position:absolute;inset:0;border-radius:50%;transition:transform .18s ease-out}.wheel-option{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*min(42vw,500px))) rotate(calc(-1 * var(--option-angle)));width:clamp(104px,12vw,150px);height:90px;border:1px solid rgba(215,207,175,.16);background:#202c24d6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#afb39f;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;pointer-events:auto}.wheel-option:hover,.wheel-option.is-selected{background:#334535;border-color:#dfc681b8;color:#f0e5c2;box-shadow:0 0 24px #cbab5b29}.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*min(42vw,500px))) rotate(calc(-1 * var(--option-angle))) scale(1.08)}.wheel-option-icon{font:28px/1 serif;color:#d0bf8d}.wheel-option-name{font-family:"Noto Serif TC",serif;font-size:11px;letter-spacing:.06em}.wheel-shine{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(180deg,rgba(210,195,146,.07),transparent 34%);mask-image:linear-gradient(to bottom,black 0 28%,transparent 48%)}.wheel-footer{width:100%;padding:12px 5.5vw 16px;background:linear-gradient(0deg,#121916 52%,transparent);border-color:#dfe2cf24;font-size:8px}.wheel-footer span:nth-child(2){color:#b9b29a}.swipe-mark{font-style:normal;font-size:14px;margin-right:6px;color:#c5b27e}@keyframes feature-arrive{0%{opacity:.25;transform:scale(.82) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:700px){.class-feature{top:31%;width:calc(100vw - 36px);min-height:180px;grid-template-columns:100px 1fr;gap:14px;padding:20px 17px}.feature-icon{width:96px;height:112px;font-size:72px}.feature-orbit{width:150px;height:150px;left:-9px}.feature-copy h1{font-size:clamp(24px,7vw,36px)}.feature-description{font-size:10px;margin:7px 0 15px}.feature-period{font-size:8px}.explore-class{grid-column:2;justify-self:start;align-self:start;padding:9px 12px;font-size:10px}.wheel-heading{top:23px;padding:0 16px}.wheel-heading .eyebrow{font-size:8px;margin-bottom:9px}.wheel-prompt{font-size:16px}.wheel-prompt span{display:block;margin:6px 0 0;font-size:9px}.class-wheel-viewport{width:150vw;bottom:-91vw}.wheel-option{width:104px;height:76px;transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(-65vw) rotate(calc(-1 * var(--option-angle)))}.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(-65vw) rotate(calc(-1 * var(--option-angle))) scale(1.06)}.wheel-option-icon{font-size:23px}.wheel-option-name{font-size:9px}.wheel-center{width:23%;top:42%}.wheel-footer{padding:10px 18px 13px}.wheel-footer span:first-child{display:none}.wheel-footer span:nth-child(2){margin-right:auto}}@media(max-height:650px)and (min-width:701px){.wheel-heading{top:20px}.class-feature{top:34%;min-height:190px}.class-wheel-viewport{bottom:-min(70vw,550px);width:min(980px,125vw)}}.class-wheel-viewport{width:min(180vw,1650px);bottom:calc(-1*(min(180vw,1650px) - 104px))}.wheel-option,.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(min(90vw,825px) - 54px))) rotate(calc(-1 * var(--option-angle)))}.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(min(90vw,825px) - 54px))) rotate(calc(-1 * var(--option-angle))) scale(1.08)}@media(max-width:700px){.class-wheel-viewport{width:180vw;bottom:calc(-1*(180vw - 78px))}.wheel-option,.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(90vw - 42px))) rotate(calc(-1 * var(--option-angle)))}.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(90vw - 42px))) rotate(calc(-1 * var(--option-angle))) scale(1.06)}}@media(max-height:650px)and (min-width:701px){.class-wheel-viewport{width:min(180vw,1450px);bottom:calc(-1*(min(180vw,1450px) - 90px))}.wheel-option,.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(min(90vw,725px) - 48px))) rotate(calc(-1 * var(--option-angle)))}.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(min(90vw,725px) - 48px))) rotate(calc(-1 * var(--option-angle))) scale(1.06)}}.class-feature{top:29%;width:min(820px,90vw);grid-template-columns:160px minmax(0,1fr) auto;gap:26px;min-height:210px;padding:24px 30px}.class-wheel-viewport{width:min(180vw,1650px);bottom:calc(-1*(min(180vw,1650px) - 210px))}.wheel-option,.wheel-option.is-selected{width:clamp(104px,9vw,132px);height:clamp(104px,9vw,132px);border-radius:50%;gap:7px;background:linear-gradient(145deg,#2d3b2ffa,#18231cfa);box-shadow:0 12px 32px #0005,inset 0 0 0 5px #d2c39209;transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(min(90vw,825px) - 125px))) rotate(calc(-1 * var(--option-angle)))}.wheel-option:hover,.wheel-option.is-selected{background:radial-gradient(circle at 35% 25%,#596448,#28372c 70%);border-color:#e8d08fd6;box-shadow:0 0 30px #cbab5b38,0 12px 32px #0005,inset 0 0 0 5px #e2cd8f14}.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(min(90vw,825px) - 125px))) rotate(calc(-1 * var(--option-angle))) scale(1.08)}.wheel-option-icon{font-size:clamp(26px,3vw,38px)}.wheel-option-name{font-size:clamp(9px,1vw,12px);white-space:nowrap}.wheel-rim{inset:1.8%;border-color:#d8c0844f;box-shadow:0 0 0 15px #d7be7c09,0 0 0 34px #d7be7c05}.wheel-shine{background:linear-gradient(180deg,rgba(210,195,146,.14),transparent 42%);mask-image:linear-gradient(to bottom,black 0 42%,transparent 61%)}@media(max-width:700px){.class-feature{top:30%;width:calc(100vw - 30px);min-height:192px;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:17px 14px}.feature-icon{width:86px;height:104px;font-size:64px}.feature-orbit{width:140px;height:140px;left:-12px}.feature-copy h1{font-size:clamp(23px,7vw,34px)}.feature-description{font-size:9px;margin:6px 0 13px}.feature-period{font-size:7px}.explore-class{grid-column:2;justify-self:start;align-self:start;padding:8px 11px;font-size:9px}.wheel-heading{top:22px}.class-wheel-viewport{width:180vw;bottom:calc(-1*(180vw - 178px))}.wheel-option,.wheel-option.is-selected{width:clamp(82px,24vw,104px);height:clamp(82px,24vw,104px);transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(90vw - 96px))) rotate(calc(-1 * var(--option-angle)))}.wheel-option.is-selected{transform:translate(-50%,-50%) rotate(var(--option-angle)) translateY(calc(-1*(90vw - 96px))) rotate(calc(-1 * var(--option-angle))) scale(1.06)}.wheel-option-icon{font-size:25px}.wheel-option-name{font-size:9px}.wheel-center{width:22%;top:41%}.wheel-footer{padding:9px 15px 12px}.wheel-footer span:first-child{display:none}}@media(max-width:380px){.class-feature{top:31%;grid-template-columns:70px minmax(0,1fr);min-height:180px;gap:8px;padding:13px 11px}.feature-icon{width:68px;height:86px;font-size:52px}.feature-copy h1{font-size:22px}.feature-period span{margin-left:4px}.explore-class span{margin-left:8px}}.class-wheel-viewport{left:0;bottom:26px;transform:none;width:100%;height:220px;aspect-ratio:auto;border-radius:0;cursor:grab;overflow:hidden;touch-action:pan-y;user-select:none}.class-wheel-viewport.is-dragging{cursor:grabbing}.class-wheel-disc{position:absolute;left:50%;top:20px;inset-inline:auto;width:180vw;max-width:none;height:260px;transform:translate(-50%);border-radius:50% 50% 0 0/100% 100% 0 0;background:radial-gradient(ellipse at 50% 10%,#304034 0,#222f26 54%,#17211b);border:1px solid rgba(218,198,142,.27);box-shadow:0 -18px 70px #0004,inset 0 10px 42px #dfce9714;overflow:hidden}.wheel-rim{position:absolute;inset:10px 0 auto;height:100%;border:1px solid rgba(216,192,132,.2);border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 0 0 14px #d7be7c06}.wheel-window{position:absolute;left:50%;top:36px;transform:translate(-50%);width:min(474px,calc(100vw - 20px));height:150px;overflow:hidden;touch-action:pan-y}.wheel-options{--wheel-step: 148px;--wheel-anchor: -66px;position:absolute;left:50%;top:0;display:flex;align-items:center;gap:16px;width:max-content;height:142px;transform:translate3d(calc(var(--wheel-anchor) + var(--wheel-shift,0px)),0,0);transition:transform .1s linear;will-change:transform}.wheel-option,.wheel-option.is-selected{position:relative;inset:auto;flex:0 0 132px;width:132px;height:132px;padding:12px;border-radius:50%;transform:none;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#2d3b2ffa,#18231cfa);box-shadow:0 12px 32px #0006,inset 0 0 0 5px #d2c39209;color:#afb39f;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;pointer-events:auto}.wheel-option:hover,.wheel-option.is-selected{transform:none;background:radial-gradient(circle at 35% 25%,#596448,#28372c 70%);border-color:#e8d08fd6;color:#f0e5c2;box-shadow:0 0 30px #cbab5b33,0 12px 32px #0005,inset 0 0 0 5px #e2cd8f14}.wheel-option-icon{font-size:34px}.wheel-option-name{font-size:11px;white-space:nowrap}.wheel-center,.wheel-shine{display:none}.wheel-footer{position:absolute;left:0;right:0;bottom:0;width:100%;min-height:35px;margin:0;padding:9px 5.5vw;background:#121916;border-top:1px solid rgba(223,226,207,.14);z-index:3}.class-wheel-screen .wheel-stage{padding-bottom:0}.class-wheel-screen .catalog-footer span:nth-child(2){color:#b9b29a}@media(max-width:700px){.class-wheel-viewport{bottom:31px;height:190px}.class-wheel-disc{top:34px;height:220px}.wheel-rim{top:10px}.wheel-window{top:26px;width:min(354px,calc(100vw - 20px));height:112px}.wheel-options{--wheel-step: 112px;--wheel-anchor: -52px;height:108px;gap:8px}.wheel-option,.wheel-option.is-selected{flex-basis:104px;width:104px;height:104px;padding:8px;gap:6px}.wheel-option-icon{font-size:27px}.wheel-option-name{font-size:9px}.wheel-footer{min-height:31px;padding:8px 15px}.class-feature{top:30%}}@media(max-width:380px){.wheel-window{width:calc(100vw - 12px)}.wheel-options{--wheel-step: 100px;--wheel-anchor: -46px;gap:8px}.wheel-option,.wheel-option.is-selected{flex-basis:92px;width:92px;height:92px}.wheel-option-icon{font-size:24px}.wheel-option-name{font-size:8px}}.wheel-window{left:0;top:0;transform:none;width:100%;height:100%;overflow:visible;pointer-events:none}.wheel-options{--wheel-step: 210px;position:absolute;inset:0;width:100%;height:100%;display:block;transform:none;transition:none;pointer-events:none}.wheel-option,.wheel-option.is-selected{position:absolute;left:50%;top:8px;inset-inline:auto;transform:translate(calc(-50% + var(--arc-x,0px)),var(--arc-y,0px));pointer-events:auto;transition:transform .13s ease-out,opacity .13s ease-out,background .2s,border-color .2s,box-shadow .2s;opacity:.42}.wheel-option.is-neighbor{opacity:.86}.wheel-option.is-selected{transform:translate(calc(-50% + var(--arc-x,0px)),var(--arc-y,0px)) scale(1.06);opacity:1;z-index:2}.wheel-window{z-index:2}.wheel-option.is-selected,.wheel-option.is-neighbor{background:radial-gradient(circle at 35% 25%,#596448,#28372c 70%)}@media(max-width:700px){.wheel-options{--wheel-step: 128px}.wheel-option,.wheel-option.is-selected{top:8px}.wheel-option.is-selected{transform:translate(calc(-50% + var(--arc-x,0px)),var(--arc-y,0px)) scale(1.04)}}@media(max-width:380px){.wheel-options{--wheel-step: 112px}}.class-wheel-screen{height:100svh;min-height:680px;overflow:hidden}.class-wheel-screen .wheel-stage{position:relative;flex:1;min-height:0;overflow:hidden}.class-wheel-screen .wheel-heading{top:clamp(24px,6vh,62px)}.class-wheel-screen .class-feature{top:35%;width:min(820px,90vw);min-height:210px}.class-wheel-screen .class-wheel-viewport{left:0;right:0;bottom:36px;width:100%;height:260px;transform:none;overflow:hidden}.class-wheel-screen .class-wheel-disc{inset:0 auto auto 50%;width:200vw;height:480px;max-width:none;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 8%,#304034 0,#222f26 54%,#17211b);border:1px solid rgba(218,198,142,.27);box-shadow:0 -18px 70px #0004,inset 0 10px 42px #dfce9714}.class-wheel-screen .wheel-rim{inset:8px auto auto 50%;width:calc(200vw - 16px);height:480px;transform:translate(-50%);border-radius:50%;border:1px solid rgba(216,192,132,.2);box-shadow:0 0 0 14px #d7be7c06}.class-wheel-screen .wheel-window{inset:0;width:100%;height:100%;transform:none;overflow:hidden;pointer-events:none}.class-wheel-screen .wheel-options{inset:0 0 auto;width:100%;height:100%;transform:none;pointer-events:none}.class-wheel-screen .wheel-option,.class-wheel-screen .wheel-option.is-selected{left:50%;top:8px;transform:translate(calc(-50% + var(--arc-x,0px)),var(--arc-y,0px));pointer-events:auto}.class-wheel-screen .wheel-option.is-selected{transform:translate(calc(-50% + var(--arc-x,0px)),var(--arc-y,0px)) scale(1.06)}.class-wheel-screen .wheel-footer{z-index:4}@media(max-width:700px){.class-wheel-screen{min-height:620px}.class-wheel-screen .wheel-heading{top:24px}.class-wheel-screen .class-feature{top:35%;width:calc(100vw - 30px);min-height:192px}.class-wheel-screen .class-wheel-viewport{bottom:39px;height:205px}.class-wheel-screen .class-wheel-disc,.class-wheel-screen .wheel-rim{height:390px}.class-wheel-screen .wheel-option,.class-wheel-screen .wheel-option.is-selected{top:8px}}.class-wheel-screen .class-wheel-disc,.class-wheel-screen .wheel-rim{display:none}.class-wheel-screen .wheel-option.is-empty{opacity:.55;background:#181f1a7a;border:1px dashed rgba(175,179,159,.35);box-shadow:inset 0 0 0 5px #d2c39205;color:#747b70;cursor:not-allowed;filter:saturate(.25)}.class-wheel-screen .wheel-option.is-empty .wheel-option-icon{font-size:25px;filter:grayscale(1);opacity:.48}.class-wheel-screen .wheel-option.is-empty .wheel-option-name{color:#71776e;font-size:9px;letter-spacing:.08em}@media(max-width:1000px){.class-wheel-screen .wheel-options{--wheel-step: 142px}.class-wheel-screen .wheel-option,.class-wheel-screen .wheel-option.is-selected{width:112px;height:112px;flex-basis:112px}.class-wheel-screen .wheel-option.is-selected{transform:translate(calc(-50% + var(--arc-x,0px)),var(--arc-y,0px)) scale(1.04)}}@media(max-width:700px){.class-wheel-screen .wheel-options{--wheel-step: 72px}.class-wheel-screen .wheel-option,.class-wheel-screen .wheel-option.is-selected{width:62px;height:62px;flex-basis:62px;padding:4px;gap:3px}.class-wheel-screen .wheel-option-icon{font-size:21px}.class-wheel-screen .wheel-option-name{font-size:7px;letter-spacing:0}.class-wheel-screen .wheel-option.is-empty .wheel-option-icon{font-size:16px}.class-wheel-screen .wheel-option.is-empty .wheel-option-name{font-size:6px}.class-wheel-screen .wheel-option.is-selected{transform:translate(calc(-50% + var(--arc-x,0px)),var(--arc-y,0px)) scale(1.07)}}@media(max-width:380px){.class-wheel-screen .wheel-options{--wheel-step: 64px}.class-wheel-screen .wheel-option,.class-wheel-screen .wheel-option.is-selected{width:56px;height:56px;flex-basis:56px}}.class-wheel-screen .wheel-option{transition:transform .19s ease-out,opacity .19s ease-out,background .2s,border-color .2s,box-shadow .2s}.class-wheel-screen .class-wheel-viewport.is-dragging .wheel-option{transition:none}.class-wheel-screen .class-wheel-viewport.is-sliding .wheel-option{transition:transform .48s cubic-bezier(.22,.72,.28,1),opacity .36s ease-out,background .2s,border-color .2s,box-shadow .2s}.class-wheel-screen .wheel-window{inset:0 auto 0 50%;width:1050px;height:100%;transform:translate(-50%);overflow:hidden}.class-wheel-screen .wheel-options{inset:0;width:100%;height:100%}@media(max-width:1000px){.class-wheel-screen .wheel-window{width:710px}}@media(max-width:700px){.class-wheel-screen .wheel-window{width:360px}}@media(max-width:380px){.class-wheel-screen .wheel-window{width:320px}}.class-wheel-screen .class-feature{border:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible;grid-template-columns:minmax(240px,30%) minmax(0,1fr) auto;gap:30px;padding:22px 18px}.class-wheel-screen .feature-orbit{display:none}.feature-art-window{position:relative;width:100%;height:190px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 76%,transparent 100%)}.feature-art-track{--art-step: 220px;position:absolute;inset:0}.feature-art{position:absolute;left:50%;top:50%;width:200px;height:170px;display:grid;place-items:center;transform:translate(calc(-50% + var(--art-x,0px)),-50%);font:clamp(88px,10vw,150px)/1 serif;color:#d2c18d;text-shadow:0 12px 44px #d5aa624d;transition:transform .19s ease-out,opacity .19s ease-out;will-change:transform,opacity}.class-feature.is-dragging .feature-art{transition:none}.class-feature.is-sliding .feature-art{transition:transform .48s cubic-bezier(.22,.72,.28,1),opacity .36s ease-out}@media(max-width:1000px){.class-wheel-screen .class-feature{grid-template-columns:220px minmax(0,1fr) auto;gap:22px}.feature-art-track{--art-step: 190px}.feature-art{width:170px;height:150px}}@media(max-width:700px){.class-wheel-screen .class-feature{grid-template-columns:112px minmax(0,1fr);gap:13px;padding:17px 12px}.feature-art-window{height:140px}.feature-art-track{--art-step: 116px}.feature-art{width:112px;height:130px;font-size:76px}.class-wheel-screen .explore-class{grid-column:2}}@media(max-width:380px){.class-wheel-screen .class-feature{grid-template-columns:92px minmax(0,1fr);gap:8px}.feature-art-window{height:120px}.feature-art-track{--art-step: 96px}.feature-art{width:92px;height:112px;font-size:60px}}.class-wheel-screen,.class-wheel-screen *{-webkit-user-select:none;user-select:none}.class-wheel-screen .topbar>*:not(button),.class-wheel-screen .wheel-heading,.class-wheel-screen .class-feature{pointer-events:none}.class-wheel-screen .class-feature button,.class-wheel-screen .topbar button{pointer-events:auto}.class-wheel-screen .class-feature{top:43%;width:min(1240px,94vw);min-height:390px;grid-template-columns:minmax(430px,54%) minmax(0,1fr) auto;gap:22px;padding:10px 12px;align-items:center}.feature-art-window{height:360px;max-width:650px}.feature-art-track{--art-step: 420px}.feature-art{width:390px;height:340px;font-size:clamp(240px,24vw,370px);text-shadow:0 20px 65px #d5aa6259}.feature-copy{max-width:340px}.feature-index{font-size:8px;letter-spacing:.11em;margin-bottom:7px}.class-wheel-screen .feature-copy h1{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:.06em}.feature-description{font-size:10px;line-height:1.45;letter-spacing:.04em;margin:7px 0 12px}.feature-period{font-size:8px;line-height:1.4}.class-wheel-screen .explore-class{align-self:center;padding:11px 13px;font-size:10px;letter-spacing:.06em}.class-wheel-screen .explore-class span{margin-left:8px;font-size:15px}@media(max-width:1000px){.class-wheel-screen .class-feature{top:42%;min-height:330px;grid-template-columns:minmax(310px,48%) minmax(0,1fr) auto;gap:15px;padding:10px}.feature-art-window{height:310px}.feature-art-track{--art-step: 320px}.feature-art{width:300px;height:290px;font-size:clamp(210px,27vw,300px)}.class-wheel-screen .feature-copy h1{font-size:30px}}@media(max-width:700px){.class-wheel-screen .class-feature{top:41%;width:calc(100vw - 24px);min-height:270px;grid-template-columns:minmax(150px,42%) minmax(0,1fr);gap:10px;padding:10px 8px}.feature-art-window{height:240px;max-width:none}.feature-art-track{--art-step: 170px}.feature-art{width:165px;height:220px;font-size:clamp(140px,36vw,200px)}.class-wheel-screen .feature-copy h1{font-size:clamp(22px,6vw,30px)}.feature-index{font-size:7px;letter-spacing:.05em}.feature-description{font-size:9px;margin:6px 0 9px}.feature-period{font-size:7px}.class-wheel-screen .explore-class{grid-column:2;justify-self:start;align-self:start;padding:8px 10px;font-size:9px}}@media(max-width:380px){.class-wheel-screen .class-feature{top:40%;grid-template-columns:132px minmax(0,1fr);min-height:240px;gap:7px}.feature-art-window{height:210px}.feature-art-track{--art-step: 140px}.feature-art{width:136px;height:196px;font-size:132px}.class-wheel-screen .feature-copy h1{font-size:21px}.feature-description{font-size:8px}}.class-wheel-screen .wheel-heading .eyebrow{display:none}.class-wheel-screen .class-feature{top:46%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:min(1200px,96vw);min-height:0;padding:0;text-align:center}.class-wheel-screen .feature-art-window{width:min(900px,82vw);max-width:none;height:390px;flex:none}.class-wheel-screen .feature-art-track{--art-step: 460px}.class-wheel-screen .feature-art{width:430px;height:380px;font-size:clamp(300px,31vw,470px)}.class-wheel-screen .feature-copy{max-width:100%;text-align:center}.class-wheel-screen .feature-index{font-size:8px;margin:0 0 4px}.class-wheel-screen .feature-copy h1{font-size:clamp(25px,2.7vw,36px);line-height:1.15;margin:0;letter-spacing:.05em}.class-wheel-screen .feature-period{font-size:8px;margin-top:5px}.class-wheel-screen .explore-class{align-self:center;margin-top:9px;padding:12px 24px;font-size:11px}.class-wheel-screen .class-wheel-viewport{bottom:14px;height:208px}.class-wheel-screen .wheel-options{--wheel-step: 168px}.class-wheel-screen .wheel-option,.class-wheel-screen .wheel-option.is-selected{width:106px;height:106px;flex-basis:106px}.class-wheel-screen .wheel-window{width:840px}@media(max-width:1000px){.class-wheel-screen .wheel-options{--wheel-step: 114px}.class-wheel-screen .wheel-window{width:570px}.class-wheel-screen .wheel-option,.class-wheel-screen .wheel-option.is-selected{width:90px;height:90px;flex-basis:90px}}@media(max-width:700px){.class-wheel-screen .class-feature{top:44%;gap:5px;width:calc(100vw - 18px)}.class-wheel-screen .feature-art-window{width:min(640px,94vw);height:260px}.class-wheel-screen .feature-art-track{--art-step: 160px}.class-wheel-screen .feature-art{width:150px;height:240px;font-size:clamp(190px,56vw,300px)}.class-wheel-screen .feature-copy h1{font-size:25px}.class-wheel-screen .feature-index{font-size:7px}.class-wheel-screen .feature-period{font-size:7px;margin-top:3px}.class-wheel-screen .explore-class{margin-top:7px;padding:9px 18px;font-size:9px}.class-wheel-screen .class-wheel-viewport{bottom:14px;height:166px}.class-wheel-screen .wheel-options{--wheel-step: 58px}.class-wheel-screen .wheel-window{width:290px}.class-wheel-screen .wheel-option,.class-wheel-screen .wheel-option.is-selected{width:50px;height:50px;flex-basis:50px;padding:3px;gap:2px}.class-wheel-screen .wheel-option-icon{font-size:18px}.class-wheel-screen .wheel-option-name{font-size:6px}.class-wheel-screen .wheel-option.is-empty .wheel-option-icon{font-size:14px}.class-wheel-screen .wheel-option.is-empty .wheel-option-name{font-size:5px}}@media(max-width:380px){.class-wheel-screen .class-feature{top:43%}.class-wheel-screen .feature-art-window{height:225px}.class-wheel-screen .feature-art-track{--art-step: 142px}.class-wheel-screen .feature-art{width:132px;height:210px;font-size:clamp(170px,54vw,240px)}.class-wheel-screen .wheel-options{--wheel-step: 51px}.class-wheel-screen .wheel-window{width:255px}.class-wheel-screen .wheel-option,.class-wheel-screen .wheel-option.is-selected{width:45px;height:45px;flex-basis:45px}}.class-wheel-screen .wheel-window{mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%)}.class-wheel-screen .class-feature{gap:4px}.class-wheel-screen .feature-copy{order:1}.class-wheel-screen .explore-class{order:2;margin-top:5px}.class-wheel-screen .feature-art-window{order:3;height:350px}.class-wheel-screen .feature-art{height:340px}@media(max-width:700px){.class-wheel-screen .feature-art-window{height:235px}.class-wheel-screen .feature-art{height:220px}}@media(max-width:380px){.class-wheel-screen .feature-art-window{height:205px}.class-wheel-screen .feature-art{height:190px}}.class-wheel-screen .class-feature{top:38%}.class-wheel-screen .explore-class{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:190px;margin-top:3px;padding:13px 20px;border:1px solid rgba(218,198,142,.72);border-radius:2px;background:linear-gradient(110deg,#c2ae7733,#c2ae7714);box-shadow:inset 0 0 0 1px #dac68e14,0 8px 28px #0000002e;color:#eee4c6;font-size:11px;letter-spacing:.14em;cursor:pointer;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}.class-wheel-screen .explore-class span{display:grid;place-items:center;width:24px;height:24px;margin:0;border:1px solid rgba(218,198,142,.38);border-radius:50%;color:#e1ce91;font-size:15px;transition:transform .22s,background .22s}.class-wheel-screen .explore-class:hover{transform:translateY(-2px);border-color:#e3d09b;background:linear-gradient(110deg,#c2ae775c,#c2ae7726);box-shadow:inset 0 0 0 1px #dac68e24,0 12px 34px #0000003d}.class-wheel-screen .explore-class:hover span{transform:translate(3px);background:#dac68e1f}@media(max-width:700px){.class-wheel-screen .class-feature{top:36%}.class-wheel-screen .explore-class{min-width:158px;padding:9px 14px;gap:12px;font-size:9px}}@media(max-width:380px){.class-wheel-screen .class-feature{top:35%}}.class-wheel-screen .feature-art-window{height:380px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.class-wheel-screen .feature-art{top:calc(50% - 18px);width:460px;height:370px;font-size:clamp(330px,34vw,510px)}.class-wheel-screen .explore-class{border-radius:9px}@media(max-width:700px){.class-wheel-screen .feature-art-window{height:250px}.class-wheel-screen .feature-art{top:calc(50% - 10px);width:160px;height:230px;font-size:clamp(200px,59vw,320px)}}@media(max-width:380px){.class-wheel-screen .feature-art-window{height:220px}.class-wheel-screen .feature-art{width:140px;height:205px;font-size:clamp(180px,57vw,260px)}}.class-wheel-screen .feature-art-window{z-index:0;margin-top:-54px;transform:translateY(-22px)}.class-wheel-screen .feature-art{top:38%;filter:drop-shadow(0 18px 42px rgba(213,170,98,.2))}.class-wheel-screen .feature-copy{z-index:1;text-shadow:0 2px 16px rgba(18,25,22,.72)}.class-wheel-screen .explore-class{position:relative;z-index:2}@media(max-width:700px){.class-wheel-screen .feature-art-window{margin-top:-34px;transform:translateY(-14px)}.class-wheel-screen .feature-art{top:40%}}@media(max-width:380px){.class-wheel-screen .feature-art-window{margin-top:-28px;transform:translateY(-10px)}}.class-wheel-screen .feature-art-window{width:min(1040px,92vw);height:420px}.class-wheel-screen .feature-art{width:520px;height:410px;font-size:clamp(370px,39vw,570px)}@media(max-width:700px){.class-wheel-screen .feature-art-window{width:98vw;height:280px}.class-wheel-screen .feature-art{width:180px;height:260px;font-size:clamp(230px,68vw,350px)}}@media(max-width:380px){.class-wheel-screen .feature-art-window{height:245px}.class-wheel-screen .feature-art{width:155px;height:230px;font-size:clamp(205px,65vw,290px)}}.class-wheel-screen .feature-art-window{width:min(780px,90vw)}.class-wheel-screen .feature-art-track{--art-step: 520px}.class-wheel-screen .feature-art-window{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}.class-wheel-screen .class-feature{gap:7px}.class-wheel-screen .feature-index{margin-bottom:5px}.class-wheel-screen .feature-copy h1{line-height:1.2}.class-wheel-screen .feature-period{margin-top:4px}.class-wheel-screen .explore-class{min-width:95px;gap:9px;margin-top:2px;padding:6.5px 10px;border-radius:5px;font-size:5.5px;letter-spacing:.12em}.class-wheel-screen .explore-class span{width:12px;height:12px;font-size:8px}@media(max-width:700px){.class-wheel-screen .feature-art-window{width:94vw}.class-wheel-screen .feature-art-track{--art-step: 190px}.class-wheel-screen .explore-class{min-width:79px;padding:4.5px 7px;gap:6px;font-size:4.5px}.class-wheel-screen .explore-class span{width:10px;height:10px;font-size:7px}}@media(max-width:380px){.class-wheel-screen .feature-art-window{width:92vw}.class-wheel-screen .feature-art-track{--art-step: 160px}}.class-wheel-screen{touch-action:pan-y;user-select:none;-webkit-user-select:none}.class-wheel-screen .explore-class{background:#c8b77f;border-color:#e0d09f;color:#1b241d;box-shadow:0 7px 22px #00000047,inset 0 1px #ffffff3d}.class-wheel-screen .explore-class span{border-color:#1f271e4d;color:#263126}.class-wheel-screen .explore-class:hover{background:#dfcf9d;border-color:#f0dfa9;box-shadow:0 10px 28px #00000057}.class-wheel-screen .feature-copy{gap:0}.class-wheel-screen .explore-class{min-width:112px;height:38px;padding:0 18px;border:1px solid hsl(48 32% 69%);border-radius:6px;background:#dcd6bc;color:#20271f;box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff4d;font-size:12px;font-weight:600;letter-spacing:.2em}.class-wheel-screen .explore-class:hover{background:#e5dfc8;border-color:#d5cba5;color:#151b16;box-shadow:0 8px 24px #0000004d}.class-wheel-screen .explore-class,.class-wheel-screen .explore-class:hover{opacity:1;background:#dcd6bcbf;color:#20271f}.class-wheel-screen .feature-art-window{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.94) 48%,rgba(0,0,0,.78) 64%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.22) 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,#000 0%,#000 34%,rgba(0,0,0,.94) 48%,rgba(0,0,0,.78) 64%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.22) 92%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.class-wheel-screen .class-wheel-viewport,.class-wheel-screen .wheel-window{overflow:visible}.class-wheel-screen .explore-class,.class-wheel-screen .explore-class:hover{background:transparent;border:1px solid #e6d39a;color:#f1e8cb;box-shadow:0 0 16px #dac68e29,inset 0 0 10px #dac68e0d}.class-wheel-screen .explore-class:hover{background:#dac68e14;border-color:#fff0b9;box-shadow:0 0 22px #dac68e47,inset 0 0 12px #dac68e1a}.class-wheel-screen .feature-art-window:before{content:"";position:absolute;z-index:2;left:50%;top:47%;width:min(520px,68vw);height:84%;transform:translate(-50%,-50%);border:1px solid rgba(224,205,151,.48);border-radius:50%;box-shadow:0 0 0 8px #e0cd9709,0 0 0 9px #e0cd9733,inset 0 0 34px #e0cd970b,0 0 32px #e0cd9717;pointer-events:none}@media(max-width:700px){.class-wheel-screen .feature-art-window:before{width:min(76vw,340px);height:82%}}.class-wheel-screen .explore-class,.class-wheel-screen .explore-class:hover{opacity:1;background:#101914bf;border:1px solid rgba(226,207,151,.95);color:#f2e8c9;box-shadow:0 4px 16px #0000003d,inset 0 0 12px #e2cf970f}.class-wheel-screen .explore-class:hover{background:#18221bd1;border-color:#f0dfa9;box-shadow:0 0 18px #e2cf9733,inset 0 0 14px #e2cf971a}.class-wheel-screen .feature-art-window:before{width:min(700px,82vw);height:82%;border:0;border-radius:0;box-shadow:none;background:linear-gradient(#e0cd9794,#e0cd9794) left top / 44px 1px no-repeat,linear-gradient(#e0cd9794,#e0cd9794) left top / 1px 44px no-repeat,linear-gradient(#e0cd9794,#e0cd9794) right top / 44px 1px no-repeat,linear-gradient(#e0cd9794,#e0cd9794) right top / 1px 44px no-repeat,linear-gradient(#e0cd9794,#e0cd9794) left bottom / 44px 1px no-repeat,linear-gradient(#e0cd9794,#e0cd9794) left bottom / 1px 44px no-repeat,linear-gradient(#e0cd9794,#e0cd9794) right bottom / 44px 1px no-repeat,linear-gradient(#e0cd9794,#e0cd9794) right bottom / 1px 44px no-repeat;pointer-events:none}@media(max-width:700px){.class-wheel-screen .feature-art-window:before{width:min(82vw,390px);height:78%}}.class-wheel-screen .feature-art-window:before{border-radius:20px;filter:drop-shadow(0 0 3px rgba(235,207,127,.65)) drop-shadow(0 0 10px rgba(224,183,78,.3));background:linear-gradient(#f2da97e6,#f2da97e6) left top / 48px 1.5px no-repeat,linear-gradient(#f2da97e6,#f2da97e6) left top / 1.5px 48px no-repeat,linear-gradient(#f2da97e6,#f2da97e6) right top / 48px 1.5px no-repeat,linear-gradient(#f2da97e6,#f2da97e6) right top / 1.5px 48px no-repeat,linear-gradient(#f2da97e6,#f2da97e6) left bottom / 48px 1.5px no-repeat,linear-gradient(#f2da97e6,#f2da97e6) left bottom / 1.5px 48px no-repeat,linear-gradient(#f2da97e6,#f2da97e6) right bottom / 48px 1.5px no-repeat,linear-gradient(#f2da97e6,#f2da97e6) right bottom / 1.5px 48px no-repeat}.class-wheel-screen .feature-gold-frame{display:none}.class-wheel-screen .feature-art-window:before{display:block;z-index:0;left:50%;top:48%;width:min(680px,78vw);height:92%;transform:translate(-50%,-50%);border:0;border-radius:50%;background:radial-gradient(ellipse at 50% 46%,rgba(239,216,157,.2) 0%,rgba(206,168,93,.13) 28%,rgba(141,128,77,.065) 52%,transparent 74%);box-shadow:none;filter:blur(14px);pointer-events:none}@media(max-width:700px){.class-wheel-screen .feature-art-window:before{width:90vw;height:88%}}.specimen-select-screen{height:100svh;min-height:680px;padding-bottom:16px;background:radial-gradient(ellipse at 50% 44%,#29372c,#1b251f 43%,#121916 82%)}.specimen-select-screen .topbar{position:relative;z-index:5}.specimen-select-screen .breadcrumb{color:#b8b49c;font:9px DM Mono,monospace;letter-spacing:.12em}.specimen-select-screen .breadcrumb b{color:#d0b979}.specimen-heading{position:absolute;z-index:3;top:clamp(26px,5vh,54px);left:0;right:0;text-align:center;pointer-events:none}.specimen-heading .eyebrow{margin:0 0 8px;color:#c6b77f;font-size:8px;letter-spacing:.18em}.specimen-heading h1{margin:0;color:#eeeade;font:500 clamp(28px,3.2vw,42px)/1.2 "Noto Serif TC",serif;letter-spacing:.06em}.specimen-latin{margin:6px 0 0;color:#9ba192;font:10px DM Mono,monospace;letter-spacing:.08em}.specimen-hero{position:absolute;z-index:1;inset:0;pointer-events:none}.specimen-halo{position:absolute;left:50%;top:46%;width:min(660px,66vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(235,211,151,.18) 0%,rgba(202,164,89,.1) 35%,rgba(116,111,72,.035) 58%,transparent 72%);filter:blur(12px)}.specimen-art{position:absolute;left:50%;top:45%;display:grid;place-items:center;width:min(560px,56vw);height:min(560px,56vw);transform:translate(-50%,-50%);color:#d4c28b;font:clamp(250px,33vw,440px)/1 serif;text-shadow:0 12px 54px rgba(220,190,118,.28),0 0 120px rgba(211,180,103,.12);user-select:none}.specimen-facts{position:absolute;left:50%;top:62%;display:flex;align-items:center;gap:12px;transform:translate(-50%);color:#c7c2ac;font:9px DM Mono,monospace;letter-spacing:.1em;white-space:nowrap}.specimen-facts i{color:#bcae7e;font-style:normal}.specimen-open{position:absolute;left:50%;top:69%;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:140px;height:40px;transform:translate(-50%);border:1px solid rgba(222,203,150,.8);border-radius:6px;background:#101914bf;color:#f0e6c7;font-size:11px;letter-spacing:.12em;pointer-events:auto;transition:background .2s,box-shadow .2s,border-color .2s}.specimen-open span{color:#e0c981;font-size:16px;transition:transform .2s}.specimen-open:hover{background:#c2ae7729;border-color:#f0dfa9;box-shadow:0 0 20px #decb9629}.specimen-open:hover span{transform:translate(3px)}.specimen-rail{position:absolute;z-index:4;left:50%;bottom:55px;display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,42px);width:min(960px,94vw);transform:translate(-50%)}.specimen-option{position:relative;display:flex;flex:0 1 clamp(86px,10vw,128px);flex-direction:column;align-items:center;justify-content:center;gap:5px;aspect-ratio:1;min-width:0;padding:10px 6px 8px;overflow:hidden;border:1px solid rgba(188,190,166,.18);border-radius:50%;background:radial-gradient(circle at 35% 25%,#4e5b44a8,#1b271ff0 72%);color:#aaaf9b;box-shadow:inset 0 0 0 5px #d2c39206,0 10px 30px #00000026;cursor:pointer;transition:transform .25s,border-color .25s,color .25s,box-shadow .25s,background .25s}.specimen-option:nth-child(odd){transform:translateY(-10px)}.specimen-option:nth-child(2n){transform:translateY(10px)}.specimen-option:hover{color:#e4d7ad;border-color:#ddc98f8f}.specimen-option.is-selected,.specimen-option.is-selected:hover{transform:translateY(-4px) scale(1.08);border-color:#dcca8f;background:radial-gradient(circle at 36% 25%,#657151,#26372b 74%);color:#f1e8cc;box-shadow:0 0 28px #cbab5b2e,inset 0 0 0 5px #e2cd8f14,0 10px 34px #0003}.specimen-option-number{color:#b8ab7e;font:8px DM Mono,monospace;letter-spacing:.12em}.specimen-option-icon{color:#d2c18d;font:clamp(22px,2.4vw,32px)/1 serif}.specimen-option-name{max-width:100%;overflow:hidden;color:inherit;font:9px "Noto Serif TC",serif;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.specimen-footer{position:absolute;z-index:5;left:0;right:0;bottom:0;margin:0}.specimen-footer i{margin-right:8px;color:#c9b779;font-style:normal}@media(max-width:700px){.specimen-select-screen{min-height:620px;padding:18px 18px 12px}.specimen-select-screen .breadcrumb{display:none}.specimen-heading{top:26px}.specimen-heading .eyebrow{font-size:7px}.specimen-heading h1{font-size:clamp(24px,7vw,34px)}.specimen-latin{font-size:8px}.specimen-halo{top:41%;width:94vw}.specimen-art{top:41%;width:88vw;height:88vw;font-size:clamp(220px,68vw,320px)}.specimen-facts{top:55%;gap:8px;font-size:7px}.specimen-open{top:62%;min-width:124px;height:36px;font-size:10px}.specimen-rail{bottom:52px;justify-content:flex-start;gap:9px;width:100%;padding:12px 2px 18px;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.specimen-rail::-webkit-scrollbar{display:none}.specimen-option,.specimen-option.is-selected{flex:0 0 clamp(68px,19vw,92px);gap:4px;padding:7px 4px}.specimen-option.is-selected,.specimen-option.is-selected:hover{transform:translateY(-2px) scale(1.04)}.specimen-option-number{font-size:7px}.specimen-option-icon{font-size:21px}.specimen-option-name{font-size:7px}.specimen-footer span:first-child{display:none}.specimen-footer span:nth-child(2){margin-right:auto;font-size:7px}.specimen-footer span:last-child{font-size:7px}}.specimen-select-screen{overflow:hidden}.specimen-stage{position:relative;flex:1;min-height:0;overflow:hidden}.specimen-heading{position:absolute;z-index:3;top:clamp(24px,6vh,62px);left:0;right:0;padding:0}.specimen-hero{position:absolute;inset:0;pointer-events:none}.specimen-halo{top:43%;width:min(660px,66vw)}.specimen-art{top:42%;width:min(560px,56vw);height:min(560px,56vw);font-size:clamp(250px,33vw,440px)}.specimen-facts{top:65%}.specimen-open{top:72%;min-width:140px;height:40px}.specimen-rail{position:absolute;z-index:4;left:0;right:0;bottom:36px;display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:0;padding:8px 0 0;transform:none}.specimen-option{--arc-offset: 16px;transform:translateY(var(--arc-offset))}.specimen-option:nth-child(2),.specimen-option:nth-child(4){--arc-offset: 5px}.specimen-option:nth-child(3){--arc-offset: 0px}.specimen-option.is-selected,.specimen-option.is-selected:hover{transform:translateY(calc(var(--arc-offset) - 5px)) scale(1.06)}.specimen-footer{position:absolute;left:0;right:0;bottom:0;min-height:36px;padding-top:8px;margin:0;z-index:5}@media(max-width:700px){.specimen-select-screen{min-height:620px;padding:18px 18px 12px}.specimen-stage{flex:1}.specimen-heading{top:24px}.specimen-halo{top:39%;width:94vw}.specimen-art{top:39%;width:88vw;height:88vw;font-size:clamp(220px,68vw,320px)}.specimen-facts{top:55%;gap:8px;font-size:7px}.specimen-open{top:62%;min-width:124px;height:36px;font-size:10px}.specimen-rail{left:0;right:0;bottom:39px;height:205px;min-height:0;justify-content:flex-start;gap:9px;padding:8px 2px 0;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.specimen-rail::-webkit-scrollbar{display:none}.specimen-option,.specimen-option.is-selected{flex:0 0 clamp(68px,19vw,92px);gap:4px;padding:7px 4px}.specimen-option{--arc-offset: 8px}.specimen-option:nth-child(2),.specimen-option:nth-child(4){--arc-offset: 2px}.specimen-option:nth-child(3){--arc-offset: 0px}.specimen-option.is-selected,.specimen-option.is-selected:hover{transform:translateY(calc(var(--arc-offset) - 3px)) scale(1.04)}.specimen-footer{min-height:31px;padding-top:8px}}.specimen-select-screen{height:100svh;min-height:680px;padding-bottom:0;background:radial-gradient(ellipse at 50% 38%,#26362b 0,#19231d 42%,#121916 82%)}.specimen-select-screen .specimen-stage{padding-bottom:0}.specimen-select-screen .specimen-feature,.specimen-select-screen .specimen-feature .feature-art-window{pointer-events:none}.specimen-select-screen .specimen-open{position:relative;inset:auto;transform:none;min-width:0;height:auto;pointer-events:auto}.specimen-select-screen .specimen-open:hover{transform:translateY(-2px)}.specimen-select-screen .specimen-wheel-viewport{touch-action:none}.specimen-select-screen .wheel-option.is-empty{pointer-events:none}@media(max-width:700px){.specimen-select-screen{min-height:620px}}.class-wheel-screen .feature-gold-frame{transform:none}.class-wheel-screen .feature-art-window:before{display:none}.class-wheel-screen .feature-art-track{z-index:1}.class-wheel-screen .feature-gold-frame{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;opacity:.88;pointer-events:none}@media(max-width:700px){.class-wheel-screen .feature-gold-frame{opacity:.76;transform:none}}.class-wheel-screen .feature-art-window{width:min(860px,94vw);height:440px;transform:translateY(-6px)}.class-wheel-screen .feature-art{top:42%;width:570px;height:440px;font-size:clamp(410px,44vw,630px)}@media(max-width:700px){.class-wheel-screen .feature-art-window{width:98vw;height:290px;transform:translateY(-4px)}.class-wheel-screen .feature-art{top:44%;width:195px;height:270px;font-size:clamp(250px,72vw,370px)}}@media(max-width:380px){.class-wheel-screen .feature-art-window{height:255px}.class-wheel-screen .feature-art{width:165px;height:240px;font-size:clamp(220px,69vw,310px)}}.specimen-select-screen .specimen-feature{top:46%;display:flex;flex-direction:column;justify-content:flex-start;gap:0;width:min(1200px,96vw);height:min(760px,calc(100svh - 130px));min-height:0;overflow:visible}.specimen-select-screen .specimen-feature .feature-copy{order:0;z-index:3;max-width:min(760px,92vw);text-align:center}.specimen-select-screen .specimen-feature .feature-index{margin:0 0 5px;color:#cabb89;font:10px DM Mono,monospace;letter-spacing:.1em}.specimen-select-screen .specimen-feature .feature-copy h1{margin:0;color:#eeeade;font:500 clamp(32px,4vw,54px)/1.22 "Noto Serif TC",serif;letter-spacing:.07em}.specimen-select-screen .specimen-open{order:1;z-index:3;width:96px;min-width:96px;height:36px;margin:12px 0 0;padding:0;justify-content:center;font-size:11px;letter-spacing:.16em}.specimen-select-screen .specimen-feature .feature-art-window{order:2;flex:none;width:min(900px,82vw);max-width:none;height:440px;margin-top:-18px;overflow:visible;transform:none}.specimen-select-screen .feature-art-track{position:absolute;inset:0}.specimen-select-screen .feature-art{top:50%;width:570px;height:440px;font-size:clamp(300px,36vw,500px)}.specimen-select-screen .feature-art-window:before{z-index:0}.specimen-select-screen .specimen-feature.is-dragging .feature-art,.specimen-select-screen .specimen-feature.is-dragging .feature-copy{transition:none}@media(max-width:700px){.specimen-select-screen .specimen-feature{top:44%;width:calc(100vw - 18px);height:min(650px,calc(100svh - 150px))}.specimen-select-screen .specimen-feature .feature-copy h1{font-size:clamp(26px,7vw,36px)}.specimen-select-screen .specimen-feature .feature-index{font-size:8px}.specimen-select-screen .specimen-open{margin-top:8px}.specimen-select-screen .specimen-feature .feature-art-window{width:98vw;height:290px;margin-top:-10px}.specimen-select-screen .feature-art{width:195px;height:270px;font-size:clamp(250px,72vw,370px)}}@media(max-width:380px){.specimen-select-screen .specimen-feature{top:43%}.specimen-select-screen .specimen-feature .feature-art-window{height:255px}.specimen-select-screen .feature-art{width:165px;height:240px;font-size:clamp(220px,69vw,310px)}}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit{position:absolute;z-index:0;left:50%;top:50%;width:min(440px,44vw);aspect-ratio:1;border:1px solid rgba(216,192,132,.19);border-radius:50%;box-shadow:0 0 28px #d8c08409,inset 0 0 22px #d8c08405;transform:translate(-50%,-50%);pointer-events:none}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit:after{display:none}.class-wheel-screen:not(.specimen-select-screen) .orbit-point{position:absolute;top:3.2%;width:3px;height:3px;border-radius:50%;background:#e5c87d;box-shadow:0 0 10px 2px #e5c87d9e;opacity:.88;transition:opacity .22s ease,box-shadow .22s ease}.class-wheel-screen:not(.specimen-select-screen) .orbit-point.point-left{left:46%;top:-1px;width:2px;height:2px;opacity:.62}.class-wheel-screen:not(.specimen-select-screen) .orbit-point.point-center{left:calc(50% - 2px);top:-1px;width:4px;height:4px;background:#ffe6a0;opacity:1;box-shadow:0 0 12px 4px #ffdc85e0}.class-wheel-screen:not(.specimen-select-screen) .orbit-point.point-right{left:54%;top:-1px;width:2px;height:2px;opacity:.62}.class-wheel-screen.is-interacting:not(.specimen-select-screen) .orbit-point{opacity:.16;box-shadow:0 0 4px 1px #e5c87d38}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit-two{width:min(330px,33vw);border-color:#d8c0841f;box-shadow:0 0 20px #d8c08406,inset 0 0 15px #d8c08405;transform:translate(-50%,-50%)}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit-two:after{display:none}@media(max-width:700px){.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit{top:47%;width:min(340px,78vw)}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit-two{width:min(255px,58vw)}}.class-wheel-screen:not(.specimen-select-screen) .class-feature{top:32%;width:min(1360px,98vw)}.class-wheel-screen:not(.specimen-select-screen) .feature-art-window{width:min(960px,94vw)}.class-wheel-screen:not(.specimen-select-screen) .feature-art{width:600px;font-size:clamp(410px,43vw,640px)}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit{top:46%;width:min(510px,48vw)}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit-two{width:min(380px,36vw)}@media(max-width:700px){.class-wheel-screen:not(.specimen-select-screen) .class-feature{top:34%;width:calc(100vw - 12px)}.class-wheel-screen:not(.specimen-select-screen) .feature-art-window{width:98vw}.class-wheel-screen:not(.specimen-select-screen) .feature-art{width:180px;font-size:clamp(230px,68vw,350px)}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit{top:47%;width:min(340px,78vw)}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit-two{width:min(255px,58vw)}}@media(max-width:380px){.class-wheel-screen:not(.specimen-select-screen) .class-feature{top:33%}}@media(min-width:1001px){.class-wheel-screen:not(.specimen-select-screen) .feature-art-window{width:100vw;height:860px;margin-bottom:-300px}.class-wheel-screen:not(.specimen-select-screen) .feature-art-track{--art-step: 760px}.class-wheel-screen:not(.specimen-select-screen) .feature-art{top:294px;width:860px;height:600px;font-size:clamp(560px,50vw,880px)}.class-wheel-screen:not(.specimen-select-screen) .class-wheel-viewport{z-index:3}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit{width:min(660px,55vw)}.class-wheel-screen:not(.specimen-select-screen) .wheel-stage>.class-orbit-two{width:min(490px,41vw)}.class-wheel-screen:not(.specimen-select-screen) .wheel-window{width:min(1050px,96vw)}.class-wheel-screen:not(.specimen-select-screen) .wheel-options{--wheel-step: 210px}}.class-wheel-screen:not(.specimen-select-screen) .feature-art-window,.specimen-select-screen .specimen-feature .feature-art-window{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 12%,rgba(0,0,0,.55) 22%,#000 34%,#000 66%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.1) 88%,transparent 100%),linear-gradient(180deg,#000 0%,#000 80%,rgba(0,0,0,.95) 90%,rgba(0,0,0,.55) 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 12%,rgba(0,0,0,.55) 22%,#000 34%,#000 66%,rgba(0,0,0,.55) 78%,rgba(0,0,0,.1) 88%,transparent 100%),linear-gradient(180deg,#000 0%,#000 80%,rgba(0,0,0,.95) 90%,rgba(0,0,0,.55) 97%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media(max-width:1000px){.class-wheel-screen:not(.specimen-select-screen) .feature-art-window,.specimen-select-screen .specimen-feature .feature-art-window{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 13%,#000 27%,#000 73%,rgba(0,0,0,.45) 87%,transparent 100%),linear-gradient(180deg,#000 0%,#000 80%,rgba(0,0,0,.9) 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 13%,#000 27%,#000 73%,rgba(0,0,0,.45) 87%,transparent 100%),linear-gradient(180deg,#000 0%,#000 80%,rgba(0,0,0,.9) 90%,transparent 100%)}}.specimen-select-screen .specimen-orbit-points{display:none}@media(min-width:1001px){.specimen-select-screen .specimen-feature{top:32%;width:min(1360px,98vw);height:auto;justify-content:center;gap:7px}.specimen-select-screen .specimen-feature .feature-copy{flex:none}.specimen-select-screen .specimen-feature .feature-index{font-size:8px}.specimen-select-screen .specimen-feature .feature-copy h1{font-size:clamp(25px,2.7vw,36px);line-height:1.2;letter-spacing:.05em}.specimen-select-screen .specimen-open{flex:none;width:112px;min-width:112px;height:38px;margin-top:2px;font-size:12px}.specimen-select-screen .specimen-feature .feature-art-window{width:100vw;height:860px;margin-top:-54px;margin-bottom:-300px;overflow:hidden;transform:translateY(-6px)}.specimen-select-screen .feature-art-track{--art-step: 760px}.specimen-select-screen .feature-art{top:294px;width:860px;height:600px;font-size:clamp(560px,50vw,880px)}.specimen-select-screen .specimen-wheel-viewport{z-index:3}.specimen-select-screen .wheel-window{width:min(1050px,96vw)}.specimen-select-screen .wheel-options{--wheel-step: 210px}.specimen-select-screen .specimen-stage:before,.specimen-select-screen .specimen-stage:after{content:"";position:absolute;z-index:0;left:50%;top:46%;aspect-ratio:1;border:1px solid rgba(216,192,132,.19);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.specimen-select-screen .specimen-stage:before{width:min(660px,55vw);box-shadow:0 0 28px #d8c08409,inset 0 0 22px #d8c08405}.specimen-select-screen .specimen-stage:after{width:min(490px,41vw);border-color:#d8c0841f}.specimen-select-screen .specimen-orbit-points{--orbit-size: min(660px, 55vw);--orbit-radius: min(330px, 27.5vw);display:block;position:absolute;z-index:1;left:50%;top:46%;width:var(--orbit-size);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.specimen-select-screen .specimen-orbit-point{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:50%;background:#e5c87d;box-shadow:0 0 10px 2px #e5c87d9e;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateY(calc(.5px - var(--orbit-radius)));transition:opacity .22s ease,box-shadow .22s ease}.specimen-select-screen .specimen-orbit-point:nth-child(1){--orbit-angle: -9deg}.specimen-select-screen .specimen-orbit-point:nth-child(2){--orbit-angle: -4.5deg}.specimen-select-screen .specimen-orbit-point:nth-child(3){--orbit-angle: 0deg}.specimen-select-screen .specimen-orbit-point:nth-child(4){--orbit-angle: 4.5deg}.specimen-select-screen .specimen-orbit-point:nth-child(5){--orbit-angle: 9deg}.specimen-select-screen .specimen-orbit-point.is-outer{opacity:.5}.specimen-select-screen .specimen-orbit-point.is-inner{opacity:.78}.specimen-select-screen .specimen-orbit-point.is-center{width:4px;height:4px;background:#ffe6a0;box-shadow:0 0 12px 4px #ffdc85e0}.specimen-select-screen.is-interacting .specimen-orbit-point{opacity:.16;box-shadow:0 0 4px 1px #e5c87d38}}.class-wheel-screen:not(.specimen-select-screen) .class-orbit-one{--orbit-radius: min(255px, 24vw)}.class-wheel-screen:not(.specimen-select-screen) .class-orbit-one .orbit-point{left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateY(calc(.5px - var(--orbit-radius)))}.class-wheel-screen:not(.specimen-select-screen) .class-orbit-one .point-left{--orbit-angle: -4.5deg}.class-wheel-screen:not(.specimen-select-screen) .class-orbit-one .point-center{--orbit-angle: 0deg}.class-wheel-screen:not(.specimen-select-screen) .class-orbit-one .point-right{--orbit-angle: 4.5deg}@media(max-width:700px){.class-wheel-screen:not(.specimen-select-screen) .class-orbit-one{--orbit-radius: min(170px, 39vw)}}@media(min-width:1001px){.class-wheel-screen:not(.specimen-select-screen) .class-orbit-one{--orbit-radius: min(330px, 27.5vw)}}.catalog-screen:before,.viewer-screen:before{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;opacity:.15;background-image:radial-gradient(rgba(220,224,205,.24) .5px,transparent .7px);background-size:8px 8px}.class-wheel-screen:not(.specimen-select-screen) .feature-index,.specimen-select-screen .specimen-feature .feature-index{font-size:12px;line-height:1;letter-spacing:.13em;margin-bottom:0}@media(min-width:1001px){.class-wheel-screen:not(.specimen-select-screen) .feature-index,.specimen-select-screen .specimen-feature .feature-index{font-size:16px}}@media(max-width:700px){.class-wheel-screen:not(.specimen-select-screen) .feature-index,.specimen-select-screen .specimen-feature .feature-index{font-size:11px}}.viewer-screen{height:100svh;min-height:620px;padding:30px 5.5vw 22px;background:radial-gradient(ellipse at 53% 38%,#26362b 0,#19231d 43%,#121916 84%)}.viewer-top{height:40px;gap:24px}.viewer-top .wordmark{flex:none}.viewer-crumb{margin-left:auto;font:11px DM Mono,monospace;letter-spacing:.07em}.viewer-crumb button{font-size:inherit}.viewer-counter{flex:none;margin-left:30px;font-size:19px}.viewer-counter i{font-size:11px}.viewer-layout{grid-template-columns:clamp(240px,22vw,340px) minmax(0,1fr) 48px;gap:clamp(20px,2.5vw,48px);margin:clamp(26px,5vh,58px) 0 26px}.specimen-info{min-width:0;padding:clamp(10px,3vh,30px) 0 0}.specimen-info .eyebrow{margin-bottom:16px;color:#c1b484;font-size:12px}.specimen-info h1{font-size:clamp(38px,3.3vw,58px);line-height:1.23;letter-spacing:.07em}.viewer-screen .latin{margin:10px 0 30px;color:#c1b990;font-size:clamp(13px,1vw,16px);line-height:1.5}.viewer-screen .info-rule{width:100%}.specimen-info dl{margin-top:28px}.specimen-info dl div{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:baseline;gap:10px;margin-bottom:20px}.specimen-info dt{margin:0;font-size:11px;letter-spacing:.1em}.specimen-info dd{font-size:16px;line-height:1.5;letter-spacing:.04em}.view-hint{font-size:12px;line-height:1.65;margin-bottom:20px}.drag-icon{width:36px;height:36px;flex:none}.view-bound{margin-bottom:0;font-size:10px}.canvas-wrap{min-width:0;min-height:360px;border-color:#dfe2cf29}.canvas-label{font-size:10px}.canvas-label.top-left{top:22px;left:24px}.canvas-label.bottom-left{bottom:22px;left:24px}.canvas-label.bottom-right{bottom:22px;right:24px}.model-notice{top:20px;right:20px;font-size:10px}.viewer-tools{padding-top:22px;gap:12px}.tool-button{width:42px;height:42px;font-size:23px}.viewer-bottom{height:56px;padding-top:16px}.back-list,.specimen-nav button{font-size:12px;letter-spacing:.06em}.bottom-note{font-size:10px}@media(max-width:1000px){.viewer-layout{grid-template-columns:210px minmax(0,1fr) 42px;gap:18px}.specimen-info h1{font-size:clamp(32px,4vw,40px)}.specimen-info dl div{display:block;margin-bottom:15px}.specimen-info dt{margin-bottom:5px}.specimen-info dd{font-size:14px}}@media(max-width:700px){.viewer-screen{height:auto;min-height:100svh;overflow:auto;padding:20px 20px 16px}.viewer-top{height:38px}.viewer-counter{margin-left:auto;font-size:15px}.viewer-layout{grid-template-columns:minmax(0,1fr) 42px;grid-template-rows:auto minmax(360px,56svh);gap:16px 12px;flex:none;margin:34px 0 22px}.specimen-info{grid-column:1 / -1;display:block;padding:0}.specimen-info .eyebrow{margin-bottom:10px;font-size:10px}.specimen-info h1{font-size:clamp(32px,7vw,42px)}.viewer-screen .latin{margin:5px 0 16px;font-size:12px}.viewer-screen .info-rule,.viewer-screen .view-hint,.viewer-screen .view-bound{display:none}.specimen-info dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding-top:14px;border-top:1px solid var(--line)}.specimen-info dl div,.specimen-info dl div:nth-child(3){display:block;min-width:0;margin:0}.specimen-info dt{font-size:9px}.specimen-info dd{font-size:12px;overflow-wrap:anywhere}.canvas-wrap{grid-column:1;grid-row:2;min-height:0}.model-notice{top:43px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);font-size:9px;line-height:1.5}.viewer-tools{grid-column:2;grid-row:2;padding-top:0}.viewer-bottom{height:auto;min-height:50px;margin-top:auto;align-items:center;padding-top:13px}.bottom-note{display:none}}@media(max-width:380px){.viewer-screen{padding:16px 14px 12px}.viewer-top .wordmark{gap:7px;font-size:9px}.viewer-layout{grid-template-columns:minmax(0,1fr) 38px;grid-template-rows:auto minmax(320px,50svh);gap:14px 8px;margin-top:26px}.specimen-info h1{font-size:30px}.specimen-info dl{gap:6px}.specimen-info dd{font-size:11px}.tool-button{width:38px;height:38px}.canvas-label{font-size:8px}.canvas-label.top-left{top:13px;left:12px}.canvas-label.bottom-left{bottom:13px;left:12px}.canvas-label.bottom-right{bottom:13px;right:12px}.specimen-nav{gap:8px}.back-list,.specimen-nav button{font-size:10px}}.viewer-tools .map-tool{flex:none;margin-top:auto;margin-bottom:0;font-size:12px;line-height:1;letter-spacing:.06em}.map-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:3vh 70px;background:#050a07c2;backdrop-filter:blur(5px)}.map-overlay[hidden]{display:none}.map-dialog{position:relative;width:max-content;max-width:100%;filter:drop-shadow(0 32px 70px rgba(0,0,0,.55))}.map-image-frame{position:relative;width:max-content;max-width:100%;overflow:hidden;border:1px solid rgba(224,207,154,.38);border-radius:24px;background:#1c2b21}.map-image{display:block;width:auto;height:auto;max-width:min(1355.2px,calc(88vw - 140.8px));max-height:79.2svh}.map-close{position:absolute;z-index:1;top:50%;right:calc(100% + 56px);transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(211,190,131,.65);border-radius:50%;background:transparent;color:#eee1bd;font-size:0}.map-close:before,.map-close:after{content:"";position:absolute;left:50%;top:50%;width:25px;height:2px;border-radius:2px;background:currentColor}.map-close:before{transform:translate(-50%,-50%) rotate(45deg)}.map-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.map-close:hover,.map-close:focus-visible{background:#c5b27e24;border-color:#f0d897}.map-marker{position:absolute;z-index:2;left:var(--marker-x);top:var(--marker-y);width:13px;height:13px;transform:translate(-50%,-50%);border:2px solid #fff4cc;border-radius:50%;background:#f4c969;box-shadow:0 0 12px 5px #f4c969b8;animation:map-marker-flash 1.8s ease-in-out infinite;pointer-events:none}.map-marker:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(255,221,145,.72);border-radius:50%;animation:map-marker-pulse 1.8s ease-out infinite}@keyframes map-marker-flash{0%,to{opacity:.55;box-shadow:0 0 8px 3px #f4c9696b}50%{opacity:1;box-shadow:0 0 20px 9px #f4c969cc}}@keyframes map-marker-pulse{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(1.4)}}@media(max-width:700px){.map-overlay{padding:12px 12px 12px 64px}.map-image-frame{border-radius:16px}.map-image{max-width:calc(88vw - 77.44px);max-height:75.68svh}.map-close{right:calc(100% + 36px);width:38px;height:38px}.map-close:before,.map-close:after{width:21px}.viewer-tools .map-tool{margin-bottom:0;font-size:11px}}@media(prefers-reduced-motion:reduce){.map-marker,.map-marker:before{animation:none}}.viewer-tools .viewpoint-control{width:42px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#dfd2a7}.viewpoint-title{font-size:10px;line-height:1.2;white-space:nowrap}.viewpoint-grid{width:100%;display:flex;flex-direction:column;gap:7px}.viewpoint-grid button{width:42px;height:42px;padding:0;border:1px solid #414b40;background:#1c251f;color:#c6bb91;font:18px DM Mono,monospace}.viewpoint-grid button:hover:not(:disabled),.viewpoint-grid button.is-active{border-color:#c5b27e;background:#344436}.viewpoint-grid button:disabled{opacity:.32;cursor:default}@media(min-width:701px){.viewer-screen{min-height:780px;overflow:auto}}@media(max-width:700px){.viewer-screen .viewer-layout{grid-template-rows:auto minmax(500px,56svh)}.viewer-screen .viewer-tools{gap:6px}.viewer-screen .viewer-tools .tool-rule{margin:2px 0}}@media(max-width:380px){.viewer-screen .viewer-layout{grid-template-rows:auto minmax(460px,50svh)}.viewer-tools .viewpoint-control{width:38px}.viewpoint-title{font-size:8px}.viewpoint-grid button{width:38px;height:38px;font-size:16px}}.home-screen.home-game[style],.class-wheel-screen:not(.specimen-select-screen)[style],.specimen-select-screen[style],.viewer-screen[style],.map-overlay[style]{background-image:var(--page-image);background-position:center;background-size:cover}.class-wheel-screen:not(.specimen-select-screen) .art-image,.specimen-select-screen .art-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.class-wheel-screen:not(.specimen-select-screen) .wheel-image,.specimen-select-screen .wheel-image{display:block;width:clamp(18px,3vw,48px);height:clamp(18px,3vw,48px);object-fit:contain;pointer-events:none}@media(max-width:700px){.class-wheel-screen:not(.specimen-select-screen) .wheel-image,.specimen-select-screen .wheel-image{width:22px;height:22px}}.class-wheel-screen:not(.specimen-select-screen) .class-wheel-viewport .wheel-option,.specimen-select-screen .specimen-wheel-viewport .wheel-option{touch-action:none;user-select:none;cursor:grab}.class-wheel-screen:not(.specimen-select-screen) .class-wheel-viewport.is-dragging .wheel-option,.specimen-select-screen .specimen-wheel-viewport.is-dragging .wheel-option{cursor:grabbing}.home-screen.home-game{height:100svh;min-height:600px;padding:0;display:grid;place-items:center;isolation:isolate;cursor:pointer;touch-action:manipulation;user-select:none;background:radial-gradient(ellipse at 50% 47%,#26372d 0,#1b2921 34%,#141d18 70%,#111814)}.home-screen.home-game:before{content:"";position:absolute;width:min(82vw,880px);aspect-ratio:1;border:1px solid rgba(194,178,126,.08);border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%);box-shadow:0 0 0 42px #c2b27e05,0 0 0 120px #c2b27e04;pointer-events:none}.home-screen.home-game:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,rgba(185,151,84,.11),transparent 38%)}.home-screen.home-game:focus-visible{outline:2px solid #c5b27e;outline-offset:-8px}.home-screen.home-game .home-grain{z-index:-1}.home-screen.home-game .home-brand{position:absolute;top:30px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;letter-spacing:.2em}.home-screen.home-game .home-game-content{position:relative;z-index:2;margin:0;padding:70px 0 50px;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(92vw,680px)}.home-game-content .eyebrow{font-size:clamp(11px,1vw,16px);letter-spacing:.2em;margin:0 0 8px;color:#c1b484}.home-game-content h1{font-family:"Noto Serif TC",serif;font-size:clamp(36px,5vw,64px);font-weight:500;line-height:1.28;letter-spacing:.11em;margin:0;text-shadow:0 6px 36px #0006}.home-game-content h1 em{font-style:normal;color:#d4bd7b}.home-art-frame{position:relative;width:clamp(220px,31vw,350px);height:clamp(220px,31vw,350px);margin:-4px 0 -14px;display:grid;place-items:center}.home-art-glow{position:absolute;width:62%;height:62%;border-radius:50%;background:#d3a45130;filter:blur(45px);animation:artifact-glow 3.6s ease-in-out infinite}.fossil-art{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.35)) drop-shadow(0 0 20px rgba(213,170,98,.12));animation:fossil-hover 4s ease-in-out infinite;pointer-events:none}.home-start{display:flex;align-items:center;gap:12px;color:#e4dec9;font-size:12px;letter-spacing:.14em;transition:color .2s}.home-screen.home-game:hover .home-start{color:#f4d991}.touch-orb{width:25px;height:25px;border:1px solid rgba(215,194,139,.57);border-radius:50%;display:grid;place-items:center;animation:touch-pulse 1.7s ease-out infinite}.touch-orb i{width:5px;height:5px;border-radius:50%;background:#d8c28c;box-shadow:0 0 10px #d8c28c}.home-screen.home-game .home-game-footer{position:absolute;left:5vw;right:5vw;bottom:22px;margin:0;padding-top:11px;border-color:#dfe2cf1f;font-size:8px;letter-spacing:.12em;color:#788477}@keyframes fossil-hover{0%,to{transform:translateY(2px) rotate(-1.4deg)}50%{transform:translateY(-9px) rotate(1.4deg)}}@keyframes artifact-glow{0%,to{opacity:.5;transform:scale(.92)}50%{opacity:.9;transform:scale(1.08)}}@keyframes touch-pulse{0%{box-shadow:0 0 #d7c28b47}70%{box-shadow:0 0 0 10px #d7c28b00}to{box-shadow:0 0 #d7c28b00}}@media(max-width:580px){.home-screen.home-game{min-height:520px}.home-screen.home-game .home-brand{top:24px}.home-screen.home-game .home-game-content{padding:65px 0 52px}.home-game-content .eyebrow{font-size:8px;letter-spacing:.13em}.home-game-content h1{font-size:40px}.home-art-frame{width:min(74vw,300px);height:min(74vw,300px);margin:2px 0 -7px}.home-start{font-size:11px;gap:10px}.home-screen.home-game .home-game-footer{justify-content:center;bottom:15px}.home-screen.home-game .home-game-footer span:first-child,.home-screen.home-game .home-game-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.fossil-art,.home-art-glow,.touch-orb{animation:none}}@media(min-width:1001px)and (min-height:700px){.home-screen.home-game .home-game-content{position:absolute;inset:0;width:100%;height:100%;padding:0;display:block;margin:0}.home-game-content .eyebrow,.home-game-content h1,.home-art-frame,.home-start{position:absolute;left:50%;transform:translate(-50%)}.home-game-content .eyebrow{top:12%;width:max-content;margin:0;font-size:16px}.home-game-content h1{top:14.8%;width:min(1100px,92vw);font-size:clamp(54px,6.5vh,76px);line-height:1.15;letter-spacing:.1em}.home-art-frame{top:19%;width:min(620px,57vh);height:min(620px,57vh);margin:0}.home-start{top:calc(75.9% - 6px);width:max-content}}.home-screen.home-game .home-art-orbit{position:absolute;width:94%;height:94%;border:1px solid rgba(226,197,131,.12);border-radius:50%;pointer-events:none}.home-screen.home-game .home-art-orbit:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(226,197,131,.62) 0deg 52deg,transparent 52deg 88deg,rgba(226,197,131,.19) 88deg 142deg,transparent 142deg 196deg,rgba(226,197,131,.27) 196deg 280deg,transparent 280deg 318deg,rgba(226,197,131,.38) 318deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));transform:rotate(-29deg);animation:home-orbit-flow 18s linear infinite}.home-screen.home-game .home-art-orbit:after{content:"";position:absolute;inset:-1px;border-radius:50%;background:radial-gradient(circle 3px at 50% 0,#f4dc9b 0 2px,transparent 3px);filter:drop-shadow(0 0 8px rgba(244,220,155,.8)) drop-shadow(0 0 16px rgba(244,220,155,.4));transform:rotate(-29deg);animation:home-orbit-flow 11s linear infinite,home-dot-shimmer 2.8s ease-in-out infinite}.home-screen.home-game .home-art-orbit.orbit-two{width:74%;height:74%}.home-screen.home-game .home-art-orbit.orbit-two:before{background:conic-gradient(from 0deg,transparent 0deg 54deg,rgba(226,197,131,.3) 54deg 148deg,transparent 148deg 212deg,rgba(226,197,131,.18) 212deg 274deg,transparent 274deg 360deg);transform:rotate(33deg);animation:home-orbit-flow-reverse 24s linear infinite}.home-screen.home-game .home-art-orbit.orbit-two:after{background:radial-gradient(circle 2px at 100% 50%,#f4dc9b 0 1.5px,transparent 2px);transform:rotate(33deg);animation:home-orbit-flow-reverse 15s linear infinite,home-dot-shimmer 3.4s ease-in-out infinite;animation-delay:0s,-1.3s;opacity:.8}@keyframes home-orbit-flow{0%{transform:rotate(-29deg)}to{transform:rotate(331deg)}}@keyframes home-orbit-flow-reverse{0%{transform:rotate(33deg)}to{transform:rotate(-327deg)}}@keyframes home-dot-shimmer{0%,to{opacity:.24}45%{opacity:1}72%{opacity:.42}}.home-screen.home-game .home-brand{gap:14px;font-size:clamp(11px,.9vw,17px)}.home-screen.home-game .home-brand .brand-mark{width:clamp(30px,2.2vw,42px);height:clamp(30px,2.2vw,42px);font-size:clamp(16px,1.1vw,21px)}.home-screen.home-game .home-game-content h1{white-space:nowrap}@media(max-width:580px){.home-screen.home-game .home-game-content h1{font-size:clamp(23px,6.2vw,34px);letter-spacing:.05em}.home-screen.home-game .home-game-content .eyebrow{font-size:clamp(7px,1.8vw,9px);letter-spacing:.1em;white-space:nowrap}}.home-screen.home-game .home-start{color:#eee2be;font-size:clamp(16px,1.3vw,25px);font-weight:600;line-height:1.5;text-shadow:0 0 20px rgba(216,192,132,.2)}@media(max-width:580px){.home-screen.home-game .home-start{font-size:15px}}@media(prefers-reduced-motion:reduce){.home-screen.home-game .home-art-orbit:before,.home-screen.home-game .home-art-orbit:after{animation:none}}