@layer tokens,base,components,feature-modules,themes.page-scopes,themes.win98,themes.home,responsive,world-primitives,route-theme;@layer tokens{:root{color-scheme:light;--toolbar-height: 22px;--photo-bg: repeating-linear-gradient( 0deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, .025) 1px, transparent 1px, transparent 6px ), repeating-linear-gradient( 90deg, rgba(90, 200, 255, .03), rgba(90, 200, 255, .03) 1px, transparent 1px, transparent 14px ), linear-gradient(135deg, #07080d 0%, #0f111a 55%, #160a20 100%);--lakers-purple: #552583;--lakers-gold: #fdb927;--card-bg: rgba(255, 255, 255, .9);--text-main: #1f1a2b;--text-subtle: #5f556d;--accent: var(--lakers-purple);--shadow: 0 32px 80px rgba(24, 12, 40, .18);--focus-ring: 0 0 0 3px rgba(85, 37, 131, .25);--radius: 24px;--ease-out: cubic-bezier(.22, .85, .2, 1);--dur-xs: .12s;--dur-sm: .18s;--dur-md: .32s;--dur-lg: .7s;--dur-xl: 1.1s;--home-panel: #141821;--home-border: var(--home-panel);--home-accent: #d7dde7;--home-text: #f5f7ff;--home-text-muted: #b8c0cf;--home-shadow: 0 28px 70px rgba(6, 10, 18, .6);--home-radius: 26px}}@layer base{*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text-main);line-height:1.6;position:relative;overflow-x:hidden;overflow-y:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html.theme-light,body.theme-light{color-scheme:light}}@layer base{.skip-link{position:absolute;left:12px;top:-40px;padding:6px 10px;background:navy;color:#fff;border:2px solid #ffffff;text-decoration:none;z-index:200}.skip-link:focus-visible{top:12px}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 48px 20px;position:relative;z-index:2}}@layer themes.win98{html,body{font-family:Tahoma,Verdana,Arial,sans-serif;background:teal!important;background-image:none!important;--w98-black: #000000;--w98-white: #ffffff;--w98-gray: #c0c0c0;--w98-gray-soft: #f2f2f2;--w98-gray-panel: #e0e0e0;--w98-gray-control: #d6d6d6;--w98-gray-shadow: #808080;--w98-gray-shadow-strong: #404040;--w98-blue: #000080;--w98-yellow: #ffffcc;--w98-yellow-wip: #fff2b3;--w98-lavender: #d7d7ff;--w98-window-bg: var(--w98-gray);--w98-window-border: 2px solid var(--w98-black);--w98-window-shadow: 6px 6px 0 var(--w98-black);--w98-avatar-border: 2px solid var(--w98-black);--w98-avatar-shadow: none;--w98-heading-accent: var(--w98-blue);--w98-heading-color: var(--w98-black);--w98-panel-surface-bg: var(--w98-gray-panel);--w98-panel-surface-border: 2px inset var(--w98-white);--w98-toolbar-bg: var(--w98-gray);--w98-toolbar-button-bg: var(--w98-gray);--w98-toolbar-button-border: 2px outset var(--w98-white);--w98-toolbar-menu-bg: var(--w98-gray);--w98-toolbar-menu-border: 2px solid var(--w98-black);--w98-toolbar-menu-shadow: 3px 3px 0 var(--w98-black);--w98-toolbar-empty-color: var(--w98-black);--w98-toolbar-active-bg: var(--w98-blue);--w98-toolbar-active-color: var(--w98-white);--w98-focus-outline: 1px dotted var(--w98-black);--w98-coffee-bg: var(--w98-gray);--w98-coffee-border: 2px outset var(--w98-white);--w98-coffee-color: var(--w98-black);--pill-bg: var(--w98-gray);--pill-border: var(--w98-white);--pill-color: var(--w98-black);--pill-shadow: none;--pill-hover-bg: var(--w98-gray);--pill-hover-border: var(--w98-white);--pill-hover-color: var(--w98-black);--pill-hover-shadow: none;--btn-bg: var(--w98-gray);--btn-border: var(--w98-white);--btn-color: var(--w98-black);--btn-shadow: none;--btn-primary-bg: var(--w98-blue);--btn-primary-color: var(--w98-white);--btn-secondary-color: var(--w98-black);--w98-btn-primary-border: 2px outset var(--w98-white);--project-card-bg: var(--w98-gray-soft);--project-card-border: var(--w98-white);--project-card-shadow: 3px 3px 0 var(--w98-gray-shadow);--project-card-border-hover: var(--w98-white);--project-card-shadow-hover: 3px 3px 0 var(--w98-gray-shadow);--project-tag-bg: var(--w98-lavender);--project-tag-border: var(--w98-black);--project-tag-color: var(--w98-black);--status-bg: var(--w98-yellow);--status-border: var(--w98-black);--status-color: var(--w98-black);--w98-status-wip-bg: var(--w98-yellow-wip);--w98-card-toggle-bg: var(--w98-blue);--w98-card-toggle-border: 2px solid var(--w98-black);--w98-card-toggle-color: var(--w98-white);--w98-card-toggle-shadow: 4px 4px 0 var(--w98-gray-shadow-strong);--w98-card-toggle-hover-shadow: 6px 6px 0 #202020;--w98-card-toggle-tooltip-bg: var(--w98-gray);--w98-card-toggle-tooltip-border: 1px solid var(--w98-black);--w98-card-toggle-tooltip-shadow: 2px 2px 0 var(--w98-black);--w98-card-toggle-tooltip-color: var(--w98-black);--w98-playlist-frame-border: 2px inset var(--w98-white);--w98-playlist-frame-bg: var(--w98-gray-soft);--w98-playlist-empty-color: #333333;--walkdle-sub-color: #333333;--walkdle-tries-color: #000000;--walkdle-note-border: 2px inset #ffffff;--walkdle-note-bg: #f2f2f2;--walkdle-note-color: #000000;--walkdle-submit-border: 2px outset #ffffff;--walkdle-submit-bg: #000080;--walkdle-submit-color: #ffffff;--walkdle-row-active-tile-border: #000000;--walkdle-row-active-tile-bg: #ffffff;--walkdle-tile-border: #999999;--walkdle-tile-bg: #ededed;--walkdle-tile-color: #000000;--walkdle-tile-active-shadow: 0 0 0 2px #000080 inset;--walkdle-tile-active-border: #000080;--walkdle-dot-color: #000000;--walkdle-key-border: 2px outset #ffffff;--walkdle-key-bg: #d6d6d6;--walkdle-key-color: #000000;--walkdle-key-focus-outline: 2px solid #000080;--walkdle-key-primary-bg: #000080;--walkdle-key-primary-color: #ffffff;--walkdle-key-primary-border: #ffffff;--walkdle-result-higher-bg: #b59f3b;--walkdle-result-higher-border: #7a6a24;--walkdle-result-lower-bg: #5a81b5;--walkdle-result-lower-border: #34597a;--walkdle-result-correct-bg: #538d4e;--walkdle-result-correct-border: #2f5e2b;--walkdle-result-text-color: #ffffff;--walkdle-input-border: 2px inset #ffffff;--walkdle-input-bg: #ffffff;--walkdle-input-color: #000000;--walkdle-feedback-border: 2px inset #ffffff;--walkdle-feedback-bg: #f2f2f2;--walkdle-feedback-color: #000000;--walkdle-feedback-error-color: #8a0000;--walkdle-feedback-win-color: #005000;--walkdle-feedback-win-bg: #e3f2e1;--walkdle-feedback-loss-color: #7a0000;--walkdle-feedback-loss-bg: #f7dede;--guestbook-label-color: #000000;--guestbook-toggle-border: 2px inset #ffffff;--guestbook-toggle-bg: #f2f2f2;--guestbook-toggle-color: #000000;--guestbook-input-border: 2px inset #ffffff;--guestbook-input-bg: #ffffff;--guestbook-input-color: #000000;--guestbook-hint-color: #333333;--chalkboard-frame-border: 8px solid #6a4a2f;--chalkboard-surface-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, .12)), repeating-linear-gradient( -45deg, rgba(0, 0, 0, .06) 0, rgba(0, 0, 0, .06) 8px, rgba(255, 255, 255, .03) 8px, rgba(255, 255, 255, .03) 16px ), #b7caa0;--chalkboard-surface-shadow: inset 0 0 0 2px #93a97c, inset 0 0 0 6px #a4b98d, 0 6px 0 #3a2a1b;--chalkboard-controls-bg: rgba(18, 24, 22, .65);--chalkboard-controls-border-top: 2px solid rgba(255, 255, 255, .15);--chalkboard-label-color: #f2f2f2;--chalkboard-color-input-border: 2px inset #ffffff;--chalkboard-color-input-bg: #ffffff;--chalkboard-btn-active-bg: #000080;--chalkboard-btn-active-color: #ffffff;--admin-toggle-border: 2px inset #ffffff;--admin-toggle-bg: #f2f2f2;--admin-toggle-color: #000000;--admin-conditional-border: 2px inset #ffffff;--admin-conditional-bg: #ededed;--admin-label-color: #000000;--playlist-page-card-bg: #ededed;--playlist-page-card-border: #ffffff;--playlist-page-card-shadow: 2px 2px 0 #808080;--playlist-card-embed-border: 2px inset #ffffff;--playlist-card-embed-bg: #f2f2f2}body:before{content:"";position:fixed;inset:0;background:var(--photo-bg);opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:0}body.photo-mode:before{opacity:1}body.bg-alt,html.bg-alt{background:radial-gradient(circle at 20% 30%,rgba(255,233,200,.4),transparent 35%),radial-gradient(circle at 80% 70%,rgba(255,188,120,.32),transparent 45%),repeating-linear-gradient(-45deg,#ff8c001f,#ff8c001f 12px,#ff5a0014 12px 24px),linear-gradient(160deg,#ffecd2,#fcb69f)!important;background-size:cover}body.bg-alt-2,html.bg-alt-2{background:radial-gradient(circle at 15% 20%,rgba(120,220,255,.35),transparent 40%),radial-gradient(circle at 85% 80%,rgba(80,255,200,.25),transparent 45%),repeating-linear-gradient(45deg,#0078961f,#0078961f 10px,#005a6e14 10px 20px),linear-gradient(160deg,#c9f2ff,#8fd9c7)!important;background-size:cover}body.bg-alt-3,html.bg-alt-3{background:radial-gradient(circle at 20% 25%,rgba(255,90,170,.25),transparent 45%),radial-gradient(circle at 80% 70%,rgba(120,90,255,.25),transparent 40%),repeating-linear-gradient(-30deg,#5a1e821f,#5a1e821f 12px,#3c145a14 12px 24px),linear-gradient(160deg,#1a1a33,#3a1b4e)!important;background-size:cover}.winner-card{background:var(--w98-window-bg);border:var(--w98-window-border);border-radius:0;box-shadow:var(--w98-window-shadow);gap:12px;overflow:visible}.avatar{border:var(--w98-avatar-border);box-shadow:var(--w98-avatar-shadow)}.eyebrow{color:var(--w98-heading-accent);letter-spacing:.18em}.name{color:var(--w98-heading-color);text-shadow:none}.section-title{color:var(--w98-heading-color);border-bottom:none;display:inline-block;padding-bottom:2px}.hero,.profiles,.projects{width:100%;padding:6px;border:var(--w98-panel-surface-border);background:var(--w98-panel-surface-bg);background-image:none}.toolbar{position:fixed;top:0;left:0;right:0;width:100vw;height:var(--toolbar-height);padding:1px 6px;border:0;background:var(--w98-toolbar-bg);display:flex;align-items:center;z-index:100}.toolbar-button{border:var(--w98-toolbar-button-border);border-radius:0;background:var(--w98-toolbar-button-bg);font-size:.7rem;padding:1px 6px;line-height:1}.toolbar-menu{top:100%;left:4px;min-width:180px;background:var(--w98-toolbar-menu-bg);border:var(--w98-toolbar-menu-border);border-radius:0;box-shadow:var(--w98-toolbar-menu-shadow);font-size:.75rem}.toolbar-submenu{background:var(--w98-toolbar-menu-bg);border:var(--w98-toolbar-menu-border);border-radius:0;box-shadow:var(--w98-toolbar-menu-shadow);font-size:.75rem}.toolbar-menu,.toolbar-submenu{padding:4px}.toolbar-empty{color:var(--w98-toolbar-empty-color)}.toolbar-item:hover,.toolbar-item:focus-visible,.toolbar-category-link:hover,.toolbar-category-link:focus-visible{border-color:var(--w98-black);outline:var(--w98-focus-outline);outline-offset:2px;background:var(--w98-toolbar-active-bg);color:var(--w98-toolbar-active-color)}.toolbar-item:hover .toolbar-category-link,.toolbar-item:focus-within .toolbar-category-link{background:var(--w98-toolbar-active-bg);color:var(--w98-toolbar-active-color)}.pill,.btn{border-radius:0;text-transform:none;transition:none;background-image:none;gap:6px;font-size:.95em;padding:5px 10px}.pill{background:var(--pill-bg);border:2px outset var(--pill-border);color:var(--pill-color);box-shadow:var(--pill-shadow)}.btn{background:var(--btn-bg);border:2px outset var(--btn-border);color:var(--btn-color);box-shadow:var(--btn-shadow)}.profiles .pill:before{content:"■";color:var(--w98-heading-accent);font-size:.6rem;line-height:1}.btn:hover,.btn:focus-visible{border-style:inset;outline:var(--w98-focus-outline);outline-offset:2px;transform:none;box-shadow:var(--btn-shadow)}.pill:hover,.pill:focus-visible{border-color:var(--pill-hover-border);background:var(--pill-hover-bg);color:var(--pill-hover-color);box-shadow:var(--pill-hover-shadow);border-style:inset;outline:var(--w98-focus-outline);outline-offset:2px;transform:none}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);border:var(--w98-btn-primary-border);background-image:none}.btn-secondary{background:var(--btn-bg);color:var(--btn-secondary-color)}.project-card{border:2px groove var(--project-card-border);border-radius:0;box-shadow:var(--project-card-shadow);background:var(--project-card-bg);background-image:none}.project-card:hover,.project-card:focus-within{transform:none;box-shadow:var(--project-card-shadow-hover)}.status-badge{background:var(--status-bg);color:var(--status-color);border:1px solid var(--status-border);background-image:none}.status-wip{background:var(--w98-status-wip-bg);color:var(--status-color);background-image:none}.project-tag{background:var(--project-tag-bg);color:var(--project-tag-color);border:1px solid var(--project-tag-border);background-image:none}.playlist-embed-frame{width:100%;height:100%;flex:1 1 auto;min-height:0;border:var(--w98-playlist-frame-border);background:var(--w98-playlist-frame-bg)}.playlist-embed{flex:1 1 auto;min-height:0;display:flex}.playlists-panel{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0}.playlist-empty{margin:0;font-size:.85rem;color:var(--w98-playlist-empty-color)}.admin-toggle{border:var(--admin-toggle-border, 2px inset #ffffff);background:var(--admin-toggle-bg, #f2f2f2);color:var(--admin-toggle-color, inherit)}.admin-conditional{border:var(--admin-conditional-border, 2px inset #ffffff);background:var(--admin-conditional-bg, #ededed)}.admin-label{color:var(--admin-label-color, inherit)}.page-playlists .playlist-card{background:var(--playlist-page-card-bg, #ededed);border:2px groove var(--playlist-page-card-border, #ffffff);box-shadow:var(--playlist-page-card-shadow, 2px 2px 0 #808080)}.playlist-card .playlist-embed{border:var(--playlist-card-embed-border, 2px inset #ffffff);background:var(--playlist-card-embed-bg, #f2f2f2)}}@layer components{.winner-card{width:100%;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px 22px;display:flex;flex-direction:column;gap:16px;position:relative;border:1px solid rgba(85,37,131,.12);align-items:center;text-align:center;overflow:hidden;isolation:isolate}.winner-card>*{position:relative;z-index:1}@supports (backdrop-filter: blur(18px)){.winner-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}.hero{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.hero-text{max-width:28rem}.avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#efe2ff,#ffe9c6);border:3px solid var(--lakers-gold);box-shadow:0 16px 32px #55258333;display:block;object-fit:cover}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;color:var(--lakers-purple);font-weight:600}.name{margin:8px 0 0;font-size:clamp(2rem,4vw,2.9rem);font-weight:700;line-height:1.1}.tagline{margin:8px 0 0;font-size:1.05rem;color:var(--text-subtle);line-height:1.7;max-width:28rem}.section-title{margin:0 0 8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-subtle);font-weight:600}.profiles-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;border:1px solid rgba(85,37,131,.25);text-decoration:none;color:var(--text-main);background:#fffffff2;font-weight:600;font:inherit;cursor:pointer;appearance:none;box-shadow:0 10px 22px #5525831a;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease,background .2s ease}.pill:hover,.pill:focus-visible{border-color:var(--accent);color:var(--accent);outline:none;transform:translateY(-1px);background:#fff;box-shadow:0 14px 26px #5525832e}.pill:focus-visible{box-shadow:var(--focus-ring),0 14px 26px #5525832e}.projects{width:100%}.toolbar-group{position:relative;display:inline-flex;align-items:center}.toolbar .toolbar-button:visited{color:var(--w98-black)}.toolbar .toolbar-item:visited,.toolbar .toolbar-category-link:visited{color:var(--text-main)}.toolbar-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;padding:8px;display:none;flex-direction:column;gap:6px;z-index:5}.toolbar-group:hover .toolbar-menu,.toolbar-group:focus-within .toolbar-menu,.toolbar-menu:hover{display:flex}.toolbar-item.has-submenu{position:relative;display:flex;align-items:center}.toolbar-category-link{display:flex;align-items:center;justify-content:space-between;width:100%;text-decoration:none;color:inherit;padding:6px 10px;border-radius:6px;border:1px solid transparent}.toolbar-category-link:after{content:"▶";font-size:.7em;margin-left:auto}.toolbar-submenu{position:absolute;top:-6px;left:100%;min-width:200px;padding:8px;display:none;flex-direction:column;gap:6px;z-index:6}.toolbar-item.has-submenu:hover .toolbar-submenu,.toolbar-item.has-submenu:focus-within .toolbar-submenu{display:flex}.toolbar-empty{font-size:.75rem;padding:6px 10px}.toolbar-menu.is-open{display:flex}.toolbar-menu.is-open .toolbar-item.has-submenu{flex-direction:column;align-items:stretch}.toolbar-menu.is-open .toolbar-submenu{position:static;display:flex;border:0;box-shadow:none;padding:4px 0 0 10px;margin-left:6px;background:transparent}.toolbar-item{text-decoration:none;color:var(--text-main);padding:6px 10px;border-radius:6px;border:1px solid transparent}.stickers-panel{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;gap:10px;padding:0;border:none;background:transparent;box-shadow:none;position:relative;pointer-events:auto}.projects-grid{display:grid;grid-template-columns:1fr;gap:16px;contain:layout}#featured .projects-grid{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:16px}#featured .project-card{width:100%!important;max-width:100%!important;padding:22px}.project-card{display:grid;gap:14px;padding:18px 20px;border-radius:18px;text-align:left;text-decoration:none;color:inherit;contain:layout;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}@supports (content-visibility: auto){.projects-grid>.project-card,#featured .project-card{content-visibility:auto;contain-intrinsic-size:280px}}.project-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.project-title{margin:0;font-size:1.1rem;font-weight:700}.project-tagline{margin:0;color:var(--text-subtle);font-size:.98rem;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:999px}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.project-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}}@layer feature-modules{.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.admin-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 10px}.admin-toggle input[type=checkbox]{width:14px;height:14px;margin:0}.admin-toggle label{font-size:.9rem;letter-spacing:normal;text-transform:none;cursor:pointer}.admin-conditional{padding:10px;display:flex;flex-direction:column;gap:10px}.admin-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.playlist-card{display:grid;gap:8px;contain:layout}.playlist-card .playlist-embed{padding:4px}.playlist-card .playlist-embed-frame{--w98-playlist-frame-border: 0;height:260px;border:0}.playlists-panel #featuredPlaylistEmbed{flex:1 1 auto;min-height:360px;display:flex}.playlists-panel #featuredPlaylistEmbed .playlist-embed-frame{height:100%}.page-playlists .playlist-card:nth-child(n+3) .playlist-embed{padding:2px}.page-playlists .playlist-card:nth-child(n+3) .playlist-embed-frame{height:80px}@supports (content-visibility: auto){.page-playlists .playlist-card{content-visibility:auto;contain-intrinsic-size:340px}}.page-playlists .projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.winner-card.page-catalog{width:min(880px,90vw);align-items:stretch;text-align:left}.winner-card.page-catalog .hero{align-items:flex-start;text-align:left}}@layer responsive{@media(prefers-reduced-motion:reduce){.pill,.btn,.project-card{transition:none}}@media(max-width:520px){.project-actions{flex-direction:column;align-items:stretch}.btn{width:100%}}@media(max-width:640px){.winner-card{padding:12px 12px 16px;gap:10px}.hero{gap:12px}.avatar{width:96px;height:96px}.name{font-size:clamp(1.6rem,6vw,2.2rem)}.tagline{font-size:.95rem}.hero,.profiles,.projects{padding:4px}.pill{padding:5px 10px;font-size:.8rem}}@media(min-width:720px){.winner-card{padding:28px 34px 32px}.avatar{width:140px;height:140px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html,body{--project-card-shadow-hover: var(--project-card-shadow)}}}
