.school-collector{position:relative;isolation:isolate;overflow:visible;border:1px solid var(--hairline);border-radius:22px;background:color-mix(in srgb,var(--white) 94%,var(--mist));box-shadow:0 22px 60px rgba(16,32,51,.07);padding:clamp(24px,4vw,48px)}.school-collector:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(36,87,230,.035) 1px,transparent 0),linear-gradient(90deg,rgba(36,87,230,.035) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,black,transparent 58%);mask-image:linear-gradient(180deg,black,transparent 58%);pointer-events:none}.school-collector-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.school-collector-heading h2{margin:0 0 8px;color:var(--ink);font:610 clamp(1.9rem,4vw,3.15rem)/.96 Arial,sans-serif;letter-spacing:-.055em}.school-collector-heading p{max-width:610px;margin:0;color:var(--blue-grey);font-size:13px;line-height:1.6}.school-deck-count{flex:0 0 auto;display:flex;align-items:center;gap:9px;border:1px solid var(--hairline);border-radius:999px;background:var(--white);padding:7px 13px 7px 8px;color:var(--blue-grey);font-size:10px;font-weight:680;letter-spacing:.045em;text-transform:uppercase}.school-deck-count strong{min-width:29px;height:29px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.school-finder{position:relative;z-index:30;max-width:760px;margin:30px auto 0}.school-finder>label{min-height:66px;border:1px solid #cfd9e6;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 14px 32px rgba(16,32,51,.09),0 0 0 4px rgba(36,87,230,.025);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;padding:10px 13px 10px 18px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.school-finder>label:focus-within{border-color:var(--cobalt);box-shadow:0 18px 42px rgba(36,87,230,.13),0 0 0 4px rgba(36,87,230,.1);transform:translateY(-1px)}.school-finder-icon{position:relative;width:22px;height:22px;border:2px solid var(--cobalt);border-radius:50%}.school-finder-icon:after{content:"";position:absolute;right:-6px;bottom:-3px;width:8px;height:2px;border-radius:2px;background:var(--cobalt);transform:rotate(45deg)}.school-finder-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.school-finder-copy input{width:100%;border:0;outline:0;background:transparent;padding:0;color:var(--ink);font-size:15px;font-weight:560}.school-finder-copy input::placeholder{color:#8b99a8}.school-search-results{position:absolute;top:calc(100% + 9px);right:0;left:0;overflow:hidden;border:1px solid #d3deea;border-radius:17px;background:rgba(252,252,249,.98);box-shadow:0 28px 70px rgba(7,22,42,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.school-search-results>div{min-height:65px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border-bottom:1px solid var(--hairline);padding:9px 12px}.school-search-results>div:last-of-type{border-bottom:0}.school-search-results>div:hover{background:#f4f8ff}.school-search-results>div>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.school-search-results strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.school-search-results small{color:var(--blue-grey);font-size:10px}.school-search-results button{min-height:36px;border:1px solid #cdd9e8;border-radius:10px;background:white;padding:0 13px;color:var(--cobalt-deep);font-size:10px;font-weight:720}.school-search-results button:hover{border-color:var(--cobalt);background:#edf4ff}.school-search-results button:disabled{cursor:wait;opacity:.55}.school-search-results>p{margin:0;padding:22px;color:var(--blue-grey);font-size:12px;text-align:center}.school-card-mark{flex:0 0 auto;border-radius:0;border:0;background:transparent;color:var(--school-primary,var(--cobalt));display:grid;place-items:center;overflow:hidden;padding:0;font-size:11px;font-weight:800;letter-spacing:.04em}.school-card-mark img{width:100%;height:100%;border-radius:0;background:transparent;object-fit:contain;object-position:center}.school-deck-console{position:relative;overflow:hidden;margin-top:34px;border:1px solid color-mix(in srgb,var(--active-school-color,var(--cobalt)) 18%,var(--hairline));border-radius:22px;background:var(--white);box-shadow:inset 0 1px rgba(255,255,255,.8),0 24px 52px rgba(16,32,51,.1),0 0 42px color-mix(in srgb,var(--active-school-color,var(--cobalt)) 12%,transparent);color:var(--ink);padding:22px clamp(14px,3vw,32px) 20px;transition:border-color .6s ease,box-shadow .6s ease}.school-deck-console:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--active-school-color,var(--cobalt)) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--active-school-color,var(--cobalt)) 5%,transparent) 1px,transparent 1px);background-size:28px 28px,28px 28px;-webkit-mask-image:linear-gradient(180deg,black,transparent 92%);mask-image:linear-gradient(180deg,black,transparent 92%);pointer-events:none}.school-deck-console:after{content:"";position:absolute;top:48%;left:50%;width:min(620px,88%);aspect-ratio:1.45;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--active-school-color,var(--cobalt)) 24%,transparent),color-mix(in srgb,var(--active-school-color,var(--cobalt)) 8%,transparent) 42%,transparent 70%);filter:blur(24px);opacity:.55;transform:translate(-50%,-50%) scale(.9);animation:school-deck-glow-pulse 5.6s ease-in-out infinite;pointer-events:none}@keyframes school-deck-glow-pulse{0%,to{opacity:.38;transform:translate(-50%,-50%) scale(.88)}50%{opacity:.72;transform:translate(-50%,-50%) scale(1.06)}}.school-deck-console-copy{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:end;grid-gap:4px 16px;gap:4px 16px}.school-deck-console-copy>span{grid-column:1;color:var(--blue-grey);font-size:9px;font-weight:740;letter-spacing:.12em;text-transform:uppercase}.school-deck-console-copy>strong{grid-column:1;overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.school-deck-console-copy>small{grid-column:2;grid-row:1/3;color:color-mix(in srgb,var(--active-school-color,var(--cobalt)) 68%,var(--blue-grey));font:650 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.school-card-stage{position:relative;z-index:1;width:100%;height:535px;outline:none;perspective:1250px;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.school-card-stage:focus-visible{box-shadow:inset 0 0 0 2px #6ea1ff;border-radius:18px}.school-card-orbit{position:absolute;top:50%;left:50%;width:min(90%,620px);height:310px;border:1px solid color-mix(in srgb,var(--active-school-color,var(--cobalt)) 15%,transparent);border-radius:50%;transform:translate(-50%,-48%) rotateX(68deg)}.school-card-orbit:after,.school-card-orbit:before{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--active-school-color,var(--cobalt)) 10%,transparent);border-radius:50%;inset:15%}.school-card-orbit:after{inset:31%}.school-card-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--active-school-color,var(--cobalt));box-shadow:0 0 14px var(--active-school-color,var(--cobalt))}.school-card-orbit i:first-child{top:12%;left:18%}.school-card-orbit i:nth-child(2){right:10%;bottom:26%}.school-card-orbit i:nth-child(3){bottom:1%;left:46%}.school-trading-card-shell{position:absolute;top:50%;left:50%;width:min(330px,calc(100vw - 96px));height:470px;opacity:0;transform-style:preserve-3d;transition:transform .44s cubic-bezier(.2,.8,.2,1),opacity .32s ease,filter .32s ease;will-change:transform}.school-trading-card-shell[data-offset="0"]{z-index:10;opacity:1;transform:translate(calc(-50% + var(--drag-x)),-50%) rotate(var(--drag-rotate)) scale(1);filter:none}.school-trading-card-shell[data-offset="-1"]{z-index:8;opacity:.75;transform:translate(calc(-50% - 92px),calc(-50% + 18px)) rotate(-8deg) scale(.9);filter:saturate(.72) brightness(.72)}.school-trading-card-shell[data-offset="1"]{z-index:8;opacity:.75;transform:translate(calc(-50% + 92px),calc(-50% + 18px)) rotate(8deg) scale(.9);filter:saturate(.72) brightness(.72)}.school-trading-card-shell[data-offset="-2"]{z-index:6;opacity:.32;transform:translate(calc(-50% - 154px),calc(-50% + 40px)) rotate(-13deg) scale(.79);filter:saturate(.5) brightness(.56)}.school-trading-card-shell[data-offset="2"]{z-index:6;opacity:.32;transform:translate(calc(-50% + 154px),calc(-50% + 40px)) rotate(13deg) scale(.79);filter:saturate(.5) brightness(.56)}.school-trading-card-shell.is-active[data-motion=next]{animation:school-card-settle-next .72s cubic-bezier(.18,.8,.25,1)}.school-trading-card-shell.is-active[data-motion=previous]{animation:school-card-settle-previous .72s cubic-bezier(.18,.8,.25,1)}.school-card-stage.is-dragging .school-trading-card-shell.is-active{animation:none;transition:none;cursor:-webkit-grabbing;cursor:grabbing}@keyframes school-card-settle-next{0%{transform:translate(calc(-50% + 44px),-50%) rotate(7deg) scale(.98)}48%{transform:translate(calc(-50% - 13px),-50%) rotate(-2.5deg) scale(1.01)}72%{transform:translate(calc(-50% + 6px),-50%) rotate(1deg) scale(1)}to{transform:translate(-50%,-50%) rotate(0) scale(1)}}@keyframes school-card-settle-previous{0%{transform:translate(calc(-50% - 44px),-50%) rotate(-7deg) scale(.98)}48%{transform:translate(calc(-50% + 13px),-50%) rotate(2.5deg) scale(1.01)}72%{transform:translate(calc(-50% - 6px),-50%) rotate(-1deg) scale(1)}to{transform:translate(-50%,-50%) rotate(0) scale(1)}}.school-trading-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.75,.2,1)}.school-trading-card.is-open{transform:rotateY(180deg)}.school-card-face{position:absolute;overflow:hidden;inset:0;border:1px solid color-mix(in srgb,var(--school-primary) 50%,white);border-radius:23px;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 34px 70px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.65),inset 0 0 28px color-mix(in srgb,var(--school-primary) 10%,transparent)}.school-card-front{background:#fbfcff;color:#102033;display:flex;flex-direction:column;padding:13px}.school-card-foil{position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.7) 29%,transparent 41%) 0 0 /210% 100%,radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--school-primary) 24%,transparent),transparent 30%);mix-blend-mode:screen;opacity:.58;pointer-events:none}.school-card-front>header{position:relative;z-index:2;height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:color-mix(in srgb,var(--school-secondary) 82%,#102033);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.school-card-front>header b{font:760 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.school-card-portrait{position:relative;height:184px;border:1px solid color-mix(in srgb,var(--school-primary) 22%,#d9e2ec);border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden}.school-card-portrait:after{content:"";position:absolute;right:-30%;bottom:-48%;left:-30%;height:70%;border-radius:50%;background:color-mix(in srgb,var(--school-primary) 14%,transparent);filter:blur(18px)}.school-card-portrait .school-card-mark{position:relative;z-index:2;width:min(148px,78%)!important;height:min(148px,82%)!important;border:0;border-radius:0;background:transparent;box-shadow:0 10px 28px color-mix(in srgb,var(--school-primary) 11%,transparent);padding:0}.school-card-nameplate{position:relative;z-index:2;padding:15px 5px 11px}.school-card-nameplate small{color:#718094;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.school-card-nameplate h3{margin:5px 0 4px;color:#102033;font:720 20px/1.03 Arial,sans-serif;letter-spacing:-.035em}.school-card-nameplate>span{color:color-mix(in srgb,var(--school-primary) 76%,#102033);font-size:9px;font-weight:680}.school-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce4ed;border-radius:12px;background:#f5f8fc}.school-card-metrics>div{min-width:0;display:flex;flex-direction:column;gap:2px;border-right:1px solid #dce4ed;padding:9px 7px;text-align:center}.school-card-metrics>div:last-child{border-right:0}.school-card-metrics span{color:#718094;font-size:7px;font-weight:740;letter-spacing:.06em;text-transform:uppercase}.school-card-metrics strong{color:#102033;font:730 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.school-card-metrics small{color:#8b99a8;font-size:7px}.school-card-open{position:relative;z-index:2;min-height:39px;margin-top:auto;border:0;border-radius:11px;background:var(--school-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--school-primary) 20%,transparent);color:white;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:760;letter-spacing:.04em}.school-card-open:hover{filter:brightness(1.07);transform:translateY(-1px)}.school-card-back{background:color-mix(in srgb,var(--school-secondary) 86%,#07111e);color:white;padding:22px;transform:rotateY(180deg)}.school-card-back-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:20px 20px;-webkit-mask-image:linear-gradient(180deg,black,transparent 78%);mask-image:linear-gradient(180deg,black,transparent 78%)}.school-card-back>header{position:relative;display:flex;align-items:center;gap:12px}.school-card-back>header .school-card-mark{background:transparent}.school-card-back>header>span{min-width:0;display:flex;flex-direction:column;gap:3px}.school-card-back>header small{color:#9eb3c8;font-size:7px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.school-card-back>header strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.school-card-back dl{position:relative;margin:30px 0 0;border-top:1px solid rgba(255,255,255,.14)}.school-card-back dl>div{min-height:62px;border-bottom:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:14px}.school-card-back dt{color:#9eb3c8;font-size:9px;font-weight:680}.school-card-back dd{margin:0;color:#f6f9fc;font-size:10px;font-weight:680;text-align:right}.school-card-link-panel{position:relative;min-height:72px;margin-top:22px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 14px}.school-card-link-panel>span{color:#8ea8c1;font-size:7px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.school-card-link-panel a{color:white;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:720;text-decoration:none}.school-card-link-panel a:hover{color:#a9caff}.school-card-link-panel small{color:#b5c2cf;font-size:9px}.school-card-back-actions{position:absolute;right:22px;bottom:20px;left:22px;display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.school-card-back-actions button{min-height:38px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.08);color:white;font-size:9px;font-weight:720}.school-card-back-actions button:hover{background:rgba(255,255,255,.14)}.school-card-back-actions .remove{padding-inline:13px;color:#ffb7b7}.school-card-back-actions button:disabled{cursor:not-allowed;opacity:.35}.school-deck-empty{position:absolute;top:50%;left:50%;width:min(330px,86%);border:1px dashed color-mix(in srgb,var(--active-school-color,var(--cobalt)) 30%,var(--hairline));border-radius:22px;background:rgba(252,252,249,.86);box-shadow:0 18px 46px rgba(16,32,51,.08);padding:50px 30px;transform:translate(-50%,-50%);text-align:center}.school-deck-empty>span{width:52px;height:52px;margin:0 auto 18px;border:1px solid color-mix(in srgb,var(--active-school-color,var(--cobalt)) 32%,var(--hairline));border-radius:50%;color:var(--active-school-color,var(--cobalt));display:grid;place-items:center;font-size:23px}.school-deck-empty strong{display:block;color:var(--ink);font-size:14px}.school-deck-empty p{margin:8px auto 0;color:var(--blue-grey);font-size:10px;line-height:1.5}.school-deck-controls{position:relative;z-index:2;display:grid;grid-template-columns:42px minmax(0,auto) 42px;align-items:center;justify-content:center;grid-gap:16px;gap:16px}.school-deck-controls>button{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--active-school-color,var(--cobalt)) 24%,var(--hairline));border-radius:50%;background:white;box-shadow:0 7px 18px rgba(16,32,51,.08);color:color-mix(in srgb,var(--active-school-color,var(--cobalt)) 76%,var(--ink));font-size:16px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.school-deck-controls>button:hover:not(:disabled){border-color:var(--active-school-color,var(--cobalt));background:color-mix(in srgb,var(--active-school-color,var(--cobalt)) 7%,white);transform:scale(1.05)}.school-deck-controls>button:disabled{cursor:not-allowed;opacity:.32}.school-deck-controls>div{min-width:72px;display:flex;align-items:center;justify-content:center;gap:6px}.school-deck-controls>div button{width:6px;height:6px;border:0;border-radius:999px;background:#c6d0da;padding:0;transition:width .18s ease,background .18s ease}.school-deck-controls>div button.active{width:24px;background:var(--active-school-color,var(--cobalt));box-shadow:0 0 12px color-mix(in srgb,var(--active-school-color,var(--cobalt)) 52%,transparent)}:root[data-theme=dark] .school-collector{border-color:var(--theme-border);background:color-mix(in srgb,var(--theme-surface) 96%,transparent);box-shadow:none}:root[data-theme=dark] .school-deck-count,:root[data-theme=dark] .school-finder>label{border-color:var(--theme-border);background:var(--theme-input);color:var(--theme-muted)}:root[data-theme=dark] .school-finder-copy input{color:var(--theme-text)}:root[data-theme=dark] .school-search-results{border-color:var(--theme-border);background:var(--theme-surface)}:root[data-theme=dark] .school-search-results>div{border-color:var(--theme-border)}:root[data-theme=dark] .school-search-results>div:hover{background:var(--theme-hover)}:root[data-theme=dark] .school-search-results strong{color:var(--theme-text)}:root[data-theme=dark] .school-search-results button{border-color:var(--theme-border);background:var(--theme-input);color:var(--theme-text)}@media (max-width:760px){.school-collector{border-inline:0;border-radius:0;margin-inline:calc(var(--page-pad, 20px) * -1);padding-inline:var(--page-pad,20px)}.school-collector-heading{align-items:flex-start;flex-direction:column;gap:16px}.school-deck-count{align-self:flex-start}.school-finder{margin-top:24px}.school-search-results>div{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding-inline:9px}.school-search-results button{padding-inline:9px}.school-deck-console{margin-inline:-8px;border-radius:18px;padding-inline:8px}.school-card-stage{height:510px}.school-trading-card-shell{width:min(314px,calc(100vw - 62px));height:450px}.school-trading-card-shell[data-offset="-1"]{transform:translate(calc(-50% - 45px),calc(-50% + 17px)) rotate(-6deg) scale(.91)}.school-trading-card-shell[data-offset="1"]{transform:translate(calc(-50% + 45px),calc(-50% + 17px)) rotate(6deg) scale(.91)}.school-trading-card-shell[data-offset="-2"],.school-trading-card-shell[data-offset="2"]{opacity:0}.school-card-portrait{height:170px}}@media (max-width:430px){.school-collector-heading h2{font-size:2rem}.school-finder>label{min-height:62px;padding-left:14px}.school-finder-copy input{font-size:13px}.school-search-results>div{grid-template-columns:36px minmax(0,1fr)}.school-search-results>div .school-card-mark{grid-row:1/3}.school-search-results>div button{grid-column:2;justify-self:start;min-height:30px}.school-card-stage{height:485px}.school-trading-card-shell{width:min(292px,calc(100vw - 54px));height:427px}.school-card-portrait{height:151px}.school-card-nameplate{padding-top:12px}.school-card-nameplate h3{font-size:18px}.school-card-back{padding:18px}.school-card-back dl{margin-top:20px}.school-card-back dl>div{min-height:56px}.school-card-back-actions{right:18px;bottom:17px;left:18px}}@media (prefers-reduced-motion:reduce){.school-deck-controls button,.school-finder>label,.school-trading-card,.school-trading-card-shell{transition-duration:.01ms!important}.school-trading-card-shell.is-active{animation:none!important}.school-card-foil{display:none}.school-deck-console:after{animation:none;opacity:.48;transform:translate(-50%,-50%)}}