@font-face{font-family:Minecraft Rus;src:url(/fonts/minecraft-rus.woff2) format("woff2");font-display:swap}:root{--p: 4px;--t: 3px;--font: "Minecraft Rus", monospace;--ink: #361d11;--ink-soft: #6b4a2e;--parch: #dbc59c;--parch-dark: #cba170;--parch-deep: #b59367;--wood: #94492b;--wood-light: #d68056;--wood-dark: #512b16;--cream: #fbe7bd;--gold: #f5a23a;--night: #1c0d16;--night-2: #2a1626;--violet: #b98cff;--ok: #5be07a;--bad: #ff5a4a;--ask: #7a8cff;--shadow: rgba(10, 4, 8, .55);--block: calc(var(--p) * 2) calc(var(--p) * 2) 0 var(--shadow);font-family:var(--font);font-synthesis:none;color:var(--cream);background:var(--night);-webkit-font-smoothing:none}@media (max-width: 720px){:root{--p: 3px}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 50% -20%,rgba(185,140,255,.16),transparent 55%),repeating-linear-gradient(0deg,transparent 0 calc(var(--p) * 8),rgba(255,255,255,.015) calc(var(--p) * 8) calc(var(--p) * 16)),var(--night);font-size:16px;line-height:1.6}img{image-rendering:pixelated}a{color:inherit}::selection{background:var(--gold);color:var(--ink)}.outlined{color:var(--cream);text-shadow:calc(var(--p) * -.5) 0 0 var(--ink),calc(var(--p) * .5) 0 0 var(--ink),0 calc(var(--p) * -.5) 0 var(--ink),0 calc(var(--p) * .5) 0 var(--ink),calc(var(--p) * .75) calc(var(--p) * .75) 0 var(--ink)}h1,h2,h3{margin:0;font-weight:400;letter-spacing:.02em}b,strong,dt,h3{text-shadow:.06em .06em 0 rgba(54,29,17,.28);font-weight:400}.title-xl{font-size:clamp(40px,6vw,72px)}.title-l{font-size:clamp(32px,4.4vw,48px);line-height:1.2}.muted{color:var(--ink-soft)}.on-dark .muted,.muted-light{color:#c8a98a}.panel,.scroll,.page{color:var(--ink);background:url(/tex/parchment.png) 0 0 / calc(var(--p) * 48) var(--parch);background-clip:padding-box;image-rendering:pixelated;filter:drop-shadow(var(--block))}.panel{border-style:solid;border-width:calc(var(--p) * 9) calc(var(--p) * 8) calc(var(--p) * 16) calc(var(--p) * 8);border-image:url(/tex/panel.png) 9 8 16 8 / calc(var(--p) * 9) calc(var(--p) * 8) calc(var(--p) * 16) calc(var(--p) * 8) round;padding:calc(var(--p) * 3) calc(var(--p) * 4)}.scroll{border-style:solid;border-width:calc(var(--p) * 12);border-image:url(/tex/scroll.png) 12 / calc(var(--p) * 12) round;padding:calc(var(--p) * 2) calc(var(--p) * 3)}.framed{position:relative;margin-top:calc(var(--p) * 12)}.framed>.plaque.head{position:absolute;left:50%;top:calc(var(--p) * -9);transform:translate(-50%,-62%);white-space:nowrap;z-index:2}.plaque,.tab{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--t) * 3);border-style:solid;border-width:calc(var(--t) * 6);border-image:url(/tex/btn_wood.png) 6 fill / calc(var(--t) * 6) stretch;image-rendering:pixelated;background:none;padding:0 calc(var(--t) * 3) calc(var(--t) * 1.5);font:24px/1 var(--font);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;color:#fff6dc;text-shadow:.125em .125em 0 rgba(28,12,6,.85);text-decoration:none;filter:drop-shadow(0 var(--t) 0 var(--shadow))}.plaque img,.tab img{width:1.1em;height:1.1em}button.plaque,a.plaque,.tab{cursor:pointer;transition:transform .12s steps(2),filter .12s steps(2)}button.plaque:hover:not(:disabled),a.plaque:hover,.tab:hover{transform:translateY(calc(var(--t) * -1));filter:brightness(1.12) drop-shadow(0 calc(var(--t) * 2) 0 var(--shadow))}button.plaque:active:not(:disabled),a.plaque:active,.tab:active{transform:translateY(var(--t));filter:drop-shadow(0 0 0 var(--shadow))}button.plaque:disabled{filter:grayscale(.7) brightness(.8);cursor:not-allowed}.plaque:focus-visible,.tab:focus-visible{outline:var(--t) solid var(--gold);outline-offset:var(--t)}.plaque.big{--t: 4px;font-size:32px;padding:0 calc(var(--t) * 4) calc(var(--t) * 1.5)}.plaque.small,.tab{--t: 2px;font-size:18px;padding:0 calc(var(--t) * 3) calc(var(--t) * 2)}.plaque.green{border-image-source:url(/tex/btn_green.png)}.plaque.blue{border-image-source:url(/tex/btn_blue.png)}.plaque.red{border-image-source:url(/tex/btn_red.png)}.plaque.grey,.tab{border-image-source:url(/tex/btn_stone.png)}.tab.on,.tab.active{border-image-source:url(/tex/btn_wood.png);filter:brightness(1.08) drop-shadow(0 var(--t) 0 var(--shadow))}.slot{display:grid;place-items:center;background:var(--parch-dark);box-shadow:inset var(--p) var(--p) 0 var(--parch-deep),inset calc(var(--p) * -1) calc(var(--p) * -1) 0 #e6d3ad}.slot img{width:100%;height:100%}.map,.choice,.skill-btn,.msg,.app-row{border-style:solid;border-width:calc(var(--t) * 5);border-image:url(/tex/map_card.png) 5 / calc(var(--t) * 5) round;background:url(/tex/map_tile.png) 0 0 / calc(var(--t) * 32) #e6d3a6;background-clip:padding-box;image-rendering:pixelated;filter:drop-shadow(var(--t) var(--t) 0 rgba(54,29,17,.35))}.field{display:grid;gap:calc(var(--p) * 1.5);margin-bottom:calc(var(--p) * 5)}.field>span{font-size:18px;text-shadow:.06em .06em 0 rgba(54,29,17,.25)}.field small{color:var(--ink-soft);font-size:14px}.input{width:100%;font:18px/1.5 var(--font);color:var(--ink);background:none;border-style:solid;border-width:calc(var(--t) * 4);border-image:url(/tex/field.png) 4 fill / calc(var(--t) * 4) stretch;image-rendering:pixelated;padding:var(--t) calc(var(--t) * 2);outline:none;resize:vertical;transition:filter .15s steps(3)}.input:focus{filter:drop-shadow(var(--t) 0 0 var(--gold)) drop-shadow(calc(var(--t) * -1) 0 0 var(--gold)) drop-shadow(0 var(--t) 0 var(--gold)) drop-shadow(0 calc(var(--t) * -1) 0 var(--gold))}.input::placeholder{color:#9c7d5a}input.input[type=number]{-moz-appearance:textfield}input.input::-webkit-inner-spin-button,input.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.error-box,.note-box{padding:calc(var(--p) * 2.5) calc(var(--p) * 3);margin-bottom:calc(var(--p) * 4);font-weight:600;box-shadow:calc(var(--p) * 1.5) calc(var(--p) * 1.5) 0 #361d1159}.error-box{background:#e7a58e;color:#5a1408}.note-box{background:#cfe0a7;color:#26400d}.choice-row{display:flex;flex-wrap:wrap;gap:calc(var(--p) * 2)}.choice{display:inline-flex;align-items:center;gap:calc(var(--t) * 3);cursor:pointer;padding:var(--t) calc(var(--t) * 3) var(--t) var(--t);font-size:18px;-webkit-user-select:none;user-select:none;transition:transform .12s steps(2),filter .12s steps(2)}.choice img{width:calc(var(--t) * 10);height:calc(var(--t) * 10)}.choice:hover{transform:translateY(calc(var(--t) * -1))}.choice.on{filter:drop-shadow(var(--t) 0 0 var(--gold)) drop-shadow(calc(var(--t) * -1) 0 0 var(--gold)) drop-shadow(0 var(--t) 0 var(--gold)) drop-shadow(0 calc(var(--t) * -1) 0 var(--gold))}.choice input{position:absolute;opacity:0;pointer-events:none}.wrap{width:min(1180px,100% - 32px);margin:0 auto}.section{padding:calc(var(--p) * 20) 0}.grid-3{display:grid;gap:calc(var(--p) * 8);grid-template-columns:repeat(3,1fr)}.grid-2{display:grid;gap:calc(var(--p) * 8);grid-template-columns:1fr 1fr}@media (max-width: 900px){.grid-3,.grid-2{grid-template-columns:1fr}}.center{text-align:center}.row{display:flex;gap:calc(var(--p) * 3);align-items:center;flex-wrap:wrap}.spacer{flex:1}.nav{position:sticky;top:0;z-index:50;height:calc(var(--t) * 26);margin-bottom:calc(var(--t) * -26)}.nav:before{content:"";position:absolute;top:0;right:0;bottom:-60%;left:0;background:linear-gradient(to bottom,#0e060cd9,#0e060c80,#0e060c00);pointer-events:none}.nav .wrap{position:relative;display:flex;align-items:center;gap:calc(var(--t) * 3);height:100%;padding-top:calc(var(--t) * 5)}.nav-links{display:flex;gap:calc(var(--t) * 3)}.nav-user .who{--t: 2px;display:inline-flex;align-items:center;gap:calc(var(--t) * 3);border-style:solid;border-width:calc(var(--t) * 6);border-image:url(/tex/btn_stone.png) 6 fill / calc(var(--t) * 6) stretch;image-rendering:pixelated;padding:0 calc(var(--t) * 2) calc(var(--t) * 1.5)}.nav-user{display:flex;align-items:center;gap:calc(var(--t) * 3);font-size:18px;color:#fff6dc;text-shadow:.125em .125em 0 rgba(28,12,6,.85)}@media (max-width: 720px){.nav .wrap{gap:calc(var(--t) * 2)}.nav-links{gap:calc(var(--t) * 1.5)}.nav .tab,.nav .plaque.small{font-size:14px;padding:0 var(--t) calc(var(--t) * 2)}.nav-user .name{display:none}}.hero{position:relative;display:flex;flex-direction:column;min-height:min(100vh,980px);padding-top:calc(var(--t) * 26);background:var(--night);overflow:hidden}.hero:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:url(/tex/backdrop.png) center bottom / cover no-repeat;image-rendering:pixelated;filter:brightness(.55) saturate(.9) blur(2px)}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(rgba(28,13,22,0),var(--night) 85%);pointer-events:none}.hero-top{position:relative;z-index:3;text-align:center;padding-top:calc(var(--p) * 6)}.hero-logo{width:min(640px,88%);animation:bob 4s steps(8) infinite;filter:drop-shadow(0 calc(var(--p) * 2) 0 rgba(0,0,0,.5))}.hero-sub{margin:calc(var(--p) * 2) 0 0;font-size:clamp(20px,2.6vw,28px);font-weight:700}.hero-stage{position:relative;z-index:2;flex:1 1 auto;min-height:380px;height:52vh}.hero-hint{position:relative;z-index:4;margin:0;text-align:center;color:#e9d6c2;opacity:.8;font-size:15px}.hero-cta{position:relative;z-index:4;display:flex;justify-content:center;gap:calc(var(--p) * 4);flex-wrap:wrap;padding:calc(var(--p) * 5) 0 calc(var(--p) * 12)}.particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.particles i{position:absolute;width:var(--p);height:var(--p);background:#ffd98a;box-shadow:0 0 0 var(--p) #ffbe5a40;animation:rise linear infinite}@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-70vh);opacity:0}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--p) * -2))}}@media (max-width: 720px){.hero-stage{min-height:300px;height:44vh;margin:0 -30%}}.class-card{text-decoration:none;display:block;transition:transform .15s steps(3)}.class-card:hover{transform:translateY(calc(var(--p) * -3))}.class-card .slot{width:calc(var(--p) * 26);height:calc(var(--p) * 26);margin:0 auto calc(var(--p) * 3);padding:calc(var(--p) * 3)}.class-card h3{font-size:28px}.class-card .role{font-weight:700;margin:var(--p) 0 calc(var(--p) * 2)}.color-bar{height:calc(var(--p) * 2);margin:calc(var(--p) * 3) 0;box-shadow:0 var(--p) 0 #361d114d}.sprite{image-rendering:pixelated;background-repeat:no-repeat;background-size:auto 100%}.mc-gui{position:relative;width:min(100%,860px);margin:0 auto;image-rendering:pixelated;filter:drop-shadow(var(--block));-webkit-user-select:none;user-select:none;container-type:inline-size}.mc-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.mc-layer{position:absolute;image-rendering:pixelated;pointer-events:none}.mc-layer.lit{animation:lit .5s steps(4) both}@keyframes lit{0%{opacity:0}to{opacity:1}}.mc-slot{position:absolute;padding:0;border:0;background:none;cursor:pointer;display:block}.mc-slot img,.mc-slot .aura-anim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;display:block}.mc-slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.mc-slot:hover:after{opacity:.3}.mc-slot.locked{cursor:not-allowed}.mc-slot.denied{animation:denied .4s steps(6)}@keyframes denied{0%,to{filter:none}30%,70%{filter:sepia(1) hue-rotate(-50deg) saturate(5)}}.cs-burst{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#fff0a0f2 0,#fff0a0f2 18%,#ffc84699 30%,#ffb43c00 62%);animation:burst .7s steps(7) forwards}@keyframes burst{0%{transform:scale(.3);opacity:1}to{transform:scale(1.9);opacity:0}}.cs-points{position:absolute;display:flex;align-items:center;font-family:var(--font-pixel, inherit);font-weight:700;color:#4a2a16;font-size:6cqw;line-height:1}.aura-pop{position:absolute;pointer-events:none;text-align:center;white-space:nowrap;font-weight:700;font-size:2.6cqw;color:#ff5;text-shadow:.1em .1em 0 #3f3f15;animation:pop .9s ease-out forwards}.aura-pop.up{color:#82cd47;text-shadow:.1em .1em 0 #20330f}@keyframes pop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-120%);opacity:0}}.aura-menu{display:flex;flex-direction:column;align-items:center;gap:calc(var(--p) * 2)}.aura-title{font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.55);min-height:1.4em;text-align:center}.aura-stage{position:relative;width:100%;display:flex;justify-content:center}.aura-stage .aura-pop{transform:translate(-50%);font-size:22px}.aura-slot{overflow:visible}.aura-deco{position:absolute;pointer-events:none;overflow:visible}.aura-head>img{inset:auto;left:6.25%;top:-12.5%;width:200%;height:200%}.aura-me:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;border:2px solid #82cd47;pointer-events:none}.aura-bar{display:inline-flex;gap:2px;vertical-align:middle}.aura-bar i{display:inline-block;width:8px;height:10px;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aura-glyph{width:16px;height:16px;image-rendering:pixelated;vertical-align:-3px}.center-row{display:flex;justify-content:center;gap:calc(var(--t, 2px) * 3);flex-wrap:wrap}.mc-tip{--tt: 2px;position:fixed;z-index:200;pointer-events:none;max-width:360px;border-style:solid;border-width:calc(var(--tt) * 12);border-color:transparent;background:#100010f0 padding-box;border-image:url(/tex/tooltip.png) 12 fill / calc(var(--tt) * 12) stretch;image-rendering:pixelated;padding:0;color:#fff;font-size:16px;line-height:18px;text-shadow:var(--tt) var(--tt) 0 rgba(0,0,0,.55)}.mc-tip>*{margin-left:calc(var(--tt) * 1);margin-right:calc(var(--tt) * 1)}.mc-tip>:first-child{margin-top:calc(var(--tt) * 1)}.mc-tip>:last-child{margin-bottom:calc(var(--tt) * 1)}.mc-tip-title{padding-bottom:4px}.mc-bar{display:flex;gap:var(--tt);margin:calc(var(--tt) * 3) 0}.mc-bar i{width:calc(var(--tt) * 3);height:calc(var(--tt) * 6);box-shadow:var(--tt) var(--tt) 0 #0000008c}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:16px;background:#0a040ab3;animation:fade .2s ease-out}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;animation:modal-in .25s cubic-bezier(.2,.8,.2,1)}.modal-skills{display:flex;flex-wrap:wrap;gap:calc(var(--p) * 2);justify-content:center;margin-top:calc(var(--p) * 4)}.modal-skills .slot{width:calc(var(--p) * 14);height:calc(var(--p) * 14);padding:calc(var(--p) * 1.5)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:none;opacity:1}}.head3d{--s: 48px;width:var(--s);height:var(--s);perspective:calc(var(--s) * 6);display:inline-block;flex:none}.head3d{cursor:grab;touch-action:none}.head3d.drag{cursor:grabbing}.head3d .cube{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d}.head3d.spin .cube{animation:spin 6s linear infinite}.head3d .f,.head3d .h{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;image-rendering:pixelated;backface-visibility:hidden}.head3d .h{top:-6%;right:-6%;bottom:-6%;left:-6%}@keyframes spin{0%{transform:rotateX(-18deg) rotateY(0)}to{transform:rotateX(-18deg) rotateY(360deg)}}.head-flat{image-rendering:pixelated;flex:none;box-shadow:calc(var(--p) * 1) calc(var(--p) * 1) 0 var(--shadow)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--p) * 4);position:relative}.step{text-align:center;position:relative}.step .slot{width:calc(var(--p) * 20);height:calc(var(--p) * 20);margin:0 auto calc(var(--p) * 2);font:700 32px/1 var(--font);color:var(--wood)}.step:not(:last-child):after{content:"";position:absolute;top:calc(var(--p) * 10);left:calc(50% + var(--p) * 12);right:calc(-50% + var(--p) * 12);border-top:var(--p) dashed var(--wood)}@media (max-width: 720px){.steps{grid-template-columns:1fr 1fr}.step:after{display:none}}.book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative;filter:drop-shadow(var(--block))}.book .page{padding:calc(var(--p) * 8) calc(var(--p) * 8) calc(var(--p) * 10);filter:none}.book .page:first-child{box-shadow:inset calc(var(--p) * -3) 0 0 var(--parch-dark)}.book .page:last-child{box-shadow:inset calc(var(--p) * 3) 0 0 var(--parch-dark)}.book:before{content:"";position:absolute;inset:calc(var(--p) * -3) calc(var(--p) * -3) calc(var(--p) * -5);background:var(--wood);box-shadow:inset 0 calc(var(--p) * -2) 0 var(--wood-dark),inset 0 var(--p) 0 var(--wood-light);z-index:-1}.book:after{content:"";position:absolute;left:calc(50% - var(--p) * 2);top:0;bottom:0;width:calc(var(--p) * 4);background:linear-gradient(90deg,var(--parch-deep),#8f6c45,var(--parch-deep))}@media (max-width: 760px){.book{grid-template-columns:1fr}.book:after{display:none}}.badge{display:inline-flex;align-items:center;gap:var(--p);padding:var(--p) calc(var(--p) * 2.5);font-size:15px;text-transform:uppercase;color:var(--cream);background:var(--ink);box-shadow:calc(var(--p) * 1) calc(var(--p) * 1) 0 var(--shadow)}.badge.pending{background:#8a5a12}.badge.approved{background:#2e6b2a}.badge.rejected{background:#8a2a1c}.badge.clarify{background:#3b4793}.thread{display:grid;gap:calc(var(--p) * 3);margin:calc(var(--p) * 4) 0}.msg{max-width:85%;padding:var(--t) calc(var(--t) * 2);white-space:pre-wrap;overflow-wrap:anywhere}.msg.admin{justify-self:start;border-width:calc(var(--t) * 6);border-image:url(/tex/btn_wood.png) 6 fill / calc(var(--t) * 6) stretch;color:#fff6dc;text-shadow:.1em .1em 0 rgba(28,12,6,.8)}.msg.user{justify-self:end}.msg .meta{font-size:13px;opacity:.75;margin-bottom:var(--p)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:calc(var(--p) * 2) calc(var(--p) * 5)}.kv dt{font-weight:700}.kv dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width: 600px){.kv{grid-template-columns:1fr}.kv dd{margin-bottom:calc(var(--p) * 2)}}.admin{display:grid;grid-template-columns:380px 1fr;gap:calc(var(--p) * 6);align-items:start}.admin-list{display:grid;gap:calc(var(--p) * 2);max-height:74vh;overflow:auto;padding-right:var(--p)}.app-row{display:flex;gap:calc(var(--t) * 3);align-items:center;padding:var(--t);cursor:pointer;text-align:left;color:var(--ink);transition:transform .12s steps(2),filter .12s steps(2)}.app-row:hover{transform:translate(var(--t))}.app-row.on{filter:drop-shadow(calc(var(--t) * 1.5) 0 0 var(--gold)) drop-shadow(var(--t) var(--t) 0 rgba(54,29,17,.35))}.tabs{display:flex;flex-wrap:wrap;gap:calc(var(--t) * 3);margin-bottom:calc(var(--p) * 4)}@media (max-width: 980px){.admin{grid-template-columns:1fr}.admin-list{max-height:40vh}}.class-view{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:calc(var(--p) * 8);align-items:start}.class-stage{position:sticky;top:calc(var(--t) * 26 + 16px);height:min(620px,calc(100vh - var(--t) * 26 - 40px));background:url(/tex/backdrop.png) center bottom / cover;image-rendering:pixelated;box-shadow:var(--block)}.class-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 calc(var(--p) * 2) var(--ink);pointer-events:none;z-index:2}.class-stage .caption{position:absolute;z-index:3;left:calc(var(--p) * 5);top:calc(var(--p) * 4)}.class-stage .stage-toggles{position:absolute;z-index:3;right:calc(var(--p) * 5);top:calc(var(--p) * 4);display:flex;gap:calc(var(--p) * 2)}.class-stage .stage-hint{position:absolute;z-index:3;left:0;right:0;bottom:calc(var(--p) * 4);margin:0;text-align:center;font-size:14px;color:#f3e6ff;text-shadow:.1em .1em 0 rgba(28,12,6,.8);opacity:.75;pointer-events:none}.skill-list{display:grid;gap:calc(var(--p) * 2)}.skill-btn{display:flex;align-items:center;gap:calc(var(--t) * 4);padding:var(--t);font:18px/1.2 var(--font);color:var(--ink);cursor:pointer;text-align:left;transition:transform .12s steps(2),filter .12s steps(2)}.skill-btn img{width:calc(var(--t) * 14);height:calc(var(--t) * 14);flex:none}.skill-btn:hover{transform:translate(var(--t))}.skill-btn.on{filter:drop-shadow(calc(var(--t) * 1.5) 0 0 var(--gold)) drop-shadow(var(--t) var(--t) 0 rgba(54,29,17,.35))}.skill-btn.on:after{content:">";margin-left:auto;padding-right:calc(var(--t) * 2);color:var(--wood);font-size:24px}.class-tabs{display:flex;gap:calc(var(--p) * 3);justify-content:center;flex-wrap:wrap;margin-bottom:calc(var(--p) * 8)}@media (max-width: 900px){.class-view{grid-template-columns:1fr}.class-stage{position:relative;top:0;height:440px}}.footer{padding:calc(var(--p) * 12) 0;text-align:center;color:#9c7d8a;font-size:15px}.fade-in>*{animation:rise-in .6s cubic-bezier(.2,.8,.2,1) both}.fade-in>*:nth-child(2){animation-delay:.08s}.fade-in>*:nth-child(3){animation-delay:.16s}.fade-in>*:nth-child(4){animation-delay:.24s}.fade-in>*:nth-child(n+5){animation-delay:.32s}.page-enter{animation:page-in .45s cubic-bezier(.2,.8,.2,1) both}.reveal{opacity:0;transform:translateY(calc(var(--p) * 8));transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.shown{opacity:1;transform:none}@keyframes rise-in{0%{opacity:0;transform:translateY(calc(var(--p) * 4))}to{opacity:1;transform:none}}@keyframes page-in{0%{opacity:0}to{opacity:1}}.loading{display:grid;place-items:center;min-height:50vh}.loading:after{content:"";width:calc(var(--t) * 20);height:calc(var(--t) * 20);background:url(/tex/needle_sheet.png) 0 0 / auto 100%;image-rendering:pixelated;animation:needle 1.2s steps(71) infinite}@keyframes needle{to{background-position:100% 0}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--wood) var(--parch-dark)}}::-webkit-scrollbar{width:calc(var(--t) * 6);height:calc(var(--t) * 6)}::-webkit-scrollbar-track{background:url(/tex/scroll_track.png) 0 0 / 100% calc(var(--t) * 8);image-rendering:pixelated}::-webkit-scrollbar-thumb{border-style:solid;border-width:calc(var(--t) * 3) 0;border-image:url(/tex/scroll_thumb.png) 3 0 fill / calc(var(--t) * 3) 0 stretch;image-rendering:pixelated}::-webkit-scrollbar-corner{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.reveal{opacity:1;transform:none}}main{padding-top:calc(var(--t) * 26)}main:has(>.hero){padding-top:0}@media (max-width: 560px){.class-stage .stage-toggles{top:calc(var(--p) * 14);left:calc(var(--p) * 5);right:auto}}@media (max-width: 720px){.nav .wrap{gap:8px}.nav .spacer{display:none}.nav-links{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.nav-links::-webkit-scrollbar{display:none}.nav-links .tab{flex:none}.nav-user .who .name{display:none}}
