:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8f5ec;background:#032b21;font-synthesis:none;--ink: #13231d;--muted: #afbeb7;--paper: #f7f4ec;--line: rgb(225 204 126 / 28%);--green: #004236;--green-deep: #002b24;--green-soft: #0d5c4b;--gold: #e8ce7e;--gold-structure: #d4af37;--danger: #9d3b32;--success: #3dd68c;--negative: #ff8d84}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#032b21}body{background:radial-gradient(ellipse at 12% 8%,rgb(38 139 104 / 22%),transparent 32%),radial-gradient(ellipse at 90% 42%,rgb(18 98 76 / 20%),transparent 30%),repeating-linear-gradient(118deg,transparent 0 74px,rgb(232 206 126 / 2.5%) 76px 77px),linear-gradient(155deg,#063d30,#002b24 46%,#001c17);background-attachment:fixed}button{font:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button{transition:transform .12s cubic-bezier(.22,1,.36,1),filter .12s ease,box-shadow .18s ease,border-color .18s ease}button:active{transform:scale(.975)}.app-shell{width:min(100%,560px);min-height:100dvh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:4px 4px 14px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;margin:0;color:#fff;font-size:1.12rem;font-weight:950;letter-spacing:-.04em}.brand-mark{color:var(--gold);text-shadow:0 0 16px rgb(231 199 98 / 45%)}.edition{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.screen{display:grid;gap:16px}.eyebrow{margin:0;color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,8vw,2.8rem);line-height:1;letter-spacing:-.055em}.lead{max-width:590px;color:var(--muted);line-height:1.48}.topic-card,.soon-card,.panel{border:1px solid var(--line);border-radius:24px;background:#032a20c2}.topic-card{position:relative;width:100%;padding:22px;overflow:hidden;color:var(--ink);text-align:left;border-color:#d4af37c7;background:linear-gradient(145deg,#fffdf7,#f1ecdf 68%);box-shadow:inset 0 0 0 1px #fffc,0 20px 44px #000f0b52;cursor:pointer}.topic-card:after{content:"";position:absolute;width:150px;height:150px;right:-48px;top:-74px;transform:rotate(45deg);border:1px solid rgb(231 199 98 / 30%);background:linear-gradient(135deg,transparent,rgb(231 199 98 / 10%))}.topic-card strong{display:block;margin-bottom:8px;font-size:1.55rem}.topic-card span{display:block;color:#53615a;line-height:1.4}.topic-card small{display:inline-block;margin-top:28px;padding:12px 16px;border-radius:999px;color:var(--ink);background:linear-gradient(135deg,var(--gold),var(--gold-structure));box-shadow:0 8px 20px #a9852b3d;font-weight:900;letter-spacing:.08em}.soon-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.soon-card{padding:16px;color:#98aaa2}.soon-card strong{display:block;color:#e6ebe8;margin-bottom:5px}.legal-note{margin:4px 0 0;color:#ffffff7f;font-size:.65rem;line-height:1.4}.duel-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.duel-head h1{margin:3px 0 0;font-size:clamp(1.7rem,7vw,2.7rem)}.progress-pill{flex:0 0 auto;padding:8px 11px;border:1px solid rgb(231 199 98 / 30%);border-radius:999px;background:#043025c2;color:var(--gold);font-size:.72rem;font-weight:900}.arena{width:min(100%,430px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:7px}.versus{position:relative;z-index:3;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgb(231 199 98 / 70%);border-radius:50%;background:#082f25;color:var(--gold);box-shadow:0 0 18px #e7c7624d;font-size:.62rem;font-weight:950}.candidate-wrap{min-width:0;display:grid;gap:7px}.candidate-card{position:relative;width:100%;height:clamp(216px,59vw,252px);min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 62px;padding:5px;overflow:hidden;border:1px solid rgb(231 199 98 / 64%);border-radius:17px;background:linear-gradient(145deg,#0b674f,#062c23 56%,#bf9c3d);color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:inset 0 0 0 1px #ffffff29,0 14px 30px #000c0961,0 0 18px #e7c7621a;transition:transform .16s ease,box-shadow .16s ease}.candidate-card.is-peeking{z-index:4;transform:scale(1.035);box-shadow:0 22px 46px #000a0785,0 0 28px #e7c7623d}.candidate-card.is-selected{transform:translateY(-4px) scale(1.015);border-color:#ffe88d;box-shadow:0 20px 44px #000a0785,0 0 34px #ffda5c7a}.candidate-card:disabled{cursor:wait;filter:saturate(.7) brightness(.82);transform:scale(.985)}.candidate-card.is-selected:disabled{filter:saturate(1.08) brightness(1.02);transform:translateY(-4px) scale(1.015)}.candidate-card:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;border:1px solid rgb(255 255 255 / 18%);border-radius:12px}.card-brand,.card-rarity{position:absolute;z-index:2;top:11px;color:#fff;font-size:.52rem;font-weight:900;text-shadow:0 1px 5px rgb(0 0 0 / 70%)}.card-brand{left:12px}.card-rarity{right:11px;width:23px;height:23px;display:grid;place-items:center;top:9px;border:1px solid rgb(231 199 98 / 75%);border-radius:50%;color:var(--gold);background:#021f18c7}.portrait{position:relative;min-height:0;aspect-ratio:4 / 5;overflow:hidden;display:grid;place-items:center;border-radius:11px 11px 0 0;background:radial-gradient(circle at 50% 30%,#2f8d70,#063d30 72%)}.candidate-card .portrait{aspect-ratio:auto}.portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.portrait-fallback{font-size:clamp(2rem,10vw,4rem);font-weight:950;color:#ffffff7f}.candidate-copy{position:relative;z-index:1;display:block;min-height:0;padding:9px 10px;border-radius:0 0 11px 11px;background:linear-gradient(145deg,#fff,#efece4)}.candidate-copy strong{display:block;font-size:clamp(.85rem,3.5vw,1.08rem);line-height:1.05}.candidate-copy span{display:block;margin-top:5px;color:#58645e;font-size:.69rem;line-height:1.3}.profile-button{min-height:48px;padding:7px 8px;border:1px solid rgb(232 206 126 / 46%);border-radius:13px;background:linear-gradient(180deg,#084838c7,#01271fe0);color:#f6df91;box-shadow:inset 0 1px #ffffff17,0 8px 18px #00110d2e;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.profile-button:hover{border-color:#f9e498b8;box-shadow:inset 0 1px #ffffff1f,0 8px 22px #00110d3d,0 0 14px #d4af371a}.profile-button small{display:block;margin-top:2px;color:#aabbb3;font-size:.52rem;font-weight:700;letter-spacing:.02em;text-transform:none}.skip-button{justify-self:center;min-height:46px;padding:9px 18px;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#00231c6b;color:#d5ded9;box-shadow:inset 0 1px #ffffff0d;font-size:.78rem;font-weight:750;cursor:pointer}.skip-button:after{content:"  ››";color:var(--gold);letter-spacing:-.12em}.result-banner{position:fixed;z-index:40;top:calc(max(10px,env(safe-area-inset-top)) + 58px);left:50%;width:min(calc(100% - 24px),520px);padding:13px 15px;transform:translate(-50%);border:1px solid rgb(231 199 98 / 58%);border-radius:16px;background:#032b21f5;color:#fff;box-shadow:0 18px 50px #000e0a7a,0 0 24px #e7c7621f;line-height:1.35;text-align:center;animation:result-in .18s ease-out}@keyframes result-in{0%{opacity:0;transform:translate(-50%,-8px) scale(.98)}}.panel{padding:18px}.ranking-list{display:grid;gap:2px}.ranking-heading{margin:-2px -14px 0;padding:18px 18px 20px;border-radius:0 0 24px 24px;background:linear-gradient(145deg,#01221bd6,#094b3bbd);border-bottom:1px solid rgb(232 206 126 / 28%)}.ranking-heading h1{margin:4px 0 7px;font-size:2.25rem}.ranking-heading p:not(.eyebrow){margin:0;color:#b9c9c1}.ranking-heading>strong{display:block;margin-top:12px;color:var(--gold);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#00221bd1}.segmented button{min-height:42px;border:0;border-radius:999px;background:transparent;color:#b9c7c0;font-weight:900;cursor:pointer}.segmented button.active{background:linear-gradient(135deg,var(--gold),var(--gold-structure));color:var(--ink);box-shadow:0 5px 15px #d4af372e}.public-pulse{display:grid;gap:9px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px}.section-title>span{color:var(--gold);font-size:.72rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.section-title>small{max-width:190px;color:#8fa39a;font-size:.62rem;line-height:1.25;text-align:right}.pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ranking-highlight{padding:12px;border:1px solid rgb(255 255 255 / 10%);border-radius:18px;background:linear-gradient(150deg,#094d3bb3,#01231ce5)}.ranking-highlight>p{margin-bottom:8px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.ranking-highlight-chosen>p{color:var(--success)}.ranking-highlight-rejected>p{color:var(--negative)}.ranking-highlight>small{color:#879b92;font-size:.68rem}.ranking-highlight button{width:100%;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:5px;align-items:center;padding:7px 0;border:0;border-top:1px solid rgb(255 255 255 / 8%);background:transparent;color:#fff;text-align:left;cursor:pointer}.ranking-highlight button span{color:#81968d;font-size:.65rem}.ranking-highlight button strong{overflow:hidden;font-size:.7rem;white-space:nowrap;text-overflow:ellipsis}.ranking-highlight button b{font-family:Georgia,serif;font-size:.92rem}.ranking-highlight-chosen button b{color:var(--success)}.ranking-highlight-rejected button b{color:var(--negative)}.ranking-list.panel{padding:4px 14px;border-color:#d4af375c;background:linear-gradient(145deg,#fbf8ef,#eee8dc);color:var(--ink);box-shadow:0 16px 35px #00100c3d}.ranking-row{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border:0;border-bottom:1px solid #ddd5c4;background:transparent;color:inherit;text-align:left;cursor:pointer}.ranking-row:last-child{border-bottom:0}.rank-position{color:#8a6a1d;font-family:Georgia,serif;font-size:1.05rem}.rank-person{min-width:0;font-weight:800}.rank-person>small{display:block;margin-top:2px;overflow:hidden;color:#68756e;font-size:.67rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.vote-counts{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.vote-counts b{padding:3px 6px;border-radius:999px;font-size:.58rem;font-weight:900}.vote-positive{color:#07563e;background:#d7eee5}.vote-negative{color:#8f302a;background:#f5dcd8}.not-played{display:block;margin-top:5px;color:#89948e;font-size:.62rem;font-weight:600}.rank-score{color:#755814;font-family:Georgia,serif;font-size:1rem;text-align:right}.rank-score small{display:block;margin-top:2px;color:#78847e;font-family:Inter,sans-serif;font-size:.55rem}.ranking-total{margin:14px 0 0;color:var(--gold);font-size:.74rem;font-weight:800}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:7px}.podium-card{min-width:0;min-height:92px;padding:12px 8px;border:1px solid rgb(231 199 98 / 45%);border-radius:17px;background:linear-gradient(160deg,#fdfaf1,#eae3d4);color:var(--ink);cursor:pointer;box-shadow:0 10px 25px #000f0b2e}.podium-card span,.podium-card small{display:block;color:var(--gold);font-size:.68rem;font-weight:900}.podium-card strong{display:block;margin:7px 0 4px;overflow:hidden;font-size:.82rem;line-height:1.1;text-overflow:ellipsis}.podium-1{min-height:110px;border-color:#d4af37d1;background:linear-gradient(160deg,#fffdf6,#eee4c9);box-shadow:0 13px 28px #000f0b47,inset 0 2px #ffffffb3}.ranking-search{display:grid;gap:6px;color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ranking-search input{width:100%;min-height:46px;padding:10px 14px;border:1px solid rgb(231 199 98 / 30%);border-radius:14px;outline:0;background:#02271ec7;color:#fff;font:inherit;text-transform:none;letter-spacing:0}.ranking-search input::placeholder{color:#81958b}.ranking-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e7c7621f}.reveal-ranking{width:100%;border-color:#e7c76259;background:#033428c2;color:var(--gold)}.continue-duels{width:100%;min-height:52px}.empty{padding:34px 16px;color:var(--muted);text-align:center}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:20;width:min(100%,520px);display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border:1px solid rgb(231 199 98 / 20%);border-bottom:0;border-radius:20px 20px 0 0;background:#011e17f0;box-shadow:0 -10px 30px #000d093d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-button{min-height:56px;display:grid;place-content:center;gap:3px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--muted);font-size:.62rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.nav-button:before{display:block;color:currentColor;font-size:1.05rem;line-height:1}.nav-button[data-screen=topics]:before{content:"◇"}.nav-button[data-screen=ranking]:before{content:"▥"}.nav-button[data-screen=collection]:before{content:"▦"}.nav-button.active{border-color:#e8ce7e38;background:linear-gradient(180deg,#e8ce7e21,#e8ce7e0d);color:var(--gold);box-shadow:inset 0 -2px var(--gold),0 0 18px #d4af3714}dialog{position:relative;width:min(calc(100% - 20px),520px);height:min(88dvh,760px);max-height:88dvh;padding:0;overflow:hidden;border:0;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 32px 90px #0316104d}dialog[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}dialog::backdrop{background:#041811ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dialog-close{position:absolute;z-index:4;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;padding:0 0 3px;border:1px solid rgb(249 228 152 / 72%);border-radius:50%;background:linear-gradient(145deg,#0a5b46f0,#002b24f5);color:#fff;box-shadow:inset 0 0 0 3px #002b24d9,inset 0 0 0 4px #f9e49852,0 8px 24px #00140f47;font-size:1.55rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-close:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.profile-preview{width:min(100%,360px);margin:0 auto;padding:12px 12px 0}.profile-preview .portrait{max-height:42dvh;border-radius:18px;border:1px solid rgb(231 199 98 / 55%)}.dialog-body{padding:22px}.dialog-body h2{margin-bottom:7px;font-size:1.65rem}.dialog-body p{color:#48574f;line-height:1.5}.profile-copy{max-height:none;overflow:visible}.profile-copy section{padding-top:14px;border-top:1px solid #e3dccb}.profile-copy h3{margin-bottom:7px;color:#7d611d;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.profile-copy ul{margin:0 0 16px;padding-left:20px;color:#48574f;line-height:1.5}.profile-copy a{color:#0d5c4b;font-weight:800}.profile-role{margin-bottom:4px}.profile-meta{margin-bottom:18px;color:#7d611d!important;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.review-note{font-size:.82rem}.dialog-actions{position:relative;z-index:3;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ddd5c4;background:#f7f4ecf7;box-shadow:0 -10px 24px #14231c14}.dialog-actions>button{flex:1 1 0}.primary,.secondary{position:relative;min-height:48px;padding:11px 16px;overflow:hidden;border-radius:14px;font-size:.76rem;font-weight:950;letter-spacing:.055em;text-transform:uppercase;cursor:pointer}.primary:before,.secondary:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;border:1px solid rgb(255 255 255 / 25%);border-radius:12px}.primary{border:1px solid #e7c65f;background:radial-gradient(circle at 38% 0,#fff0ad,transparent 48%),linear-gradient(135deg,#efd777,#d4af37 58%,#9e7720);color:var(--ink);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #5b40072e,0 8px 22px #a9852b47;text-shadow:0 1px rgb(255 255 255 / 28%)}.primary:hover{filter:brightness(1.05);box-shadow:inset 0 1px #ffffffa6,inset 0 -2px #5b40072e,0 10px 28px #a9852b61,0 0 18px #e8ce7e33}.secondary{border:1px solid rgb(0 66 54 / 48%);background:linear-gradient(180deg,#fff,#eee9dc);color:var(--green);box-shadow:inset 0 1px #fff,0 7px 18px #0e2a201a}.secondary:after{content:"  ‹";color:#a9852b}.secondary:hover{border-color:var(--green-soft);box-shadow:inset 0 1px #fff,0 9px 22px #0e2a2026}.chroma-reveal{text-align:center;background:radial-gradient(circle at 50% 18%,#fff9ce,var(--paper) 58%)}.chroma-symbol{width:110px;aspect-ratio:5 / 7;margin:4px auto 18px;display:grid;place-items:center;border:2px solid transparent;border-radius:16px;background:linear-gradient(#073f31,#03271f) padding-box,conic-gradient(#43e5ce,#6aa7ff,#d876ff,#ff7d9a,#f7d463,#43e5ce) border-box;color:#f8dd7f;font-size:2.4rem;box-shadow:0 0 32px #60cfbe5c}.connection{min-height:70dvh;display:grid;place-items:center;text-align:center}.connection .panel{max-width:460px}.connection p{color:var(--muted);line-height:1.5}.coach-overlay{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;padding:18px 14px calc(18px + env(safe-area-inset-bottom));background:#011912b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:coach-backdrop-in .18s ease-out}.coach-card{width:min(100%,460px);padding:26px;border:1px solid rgb(231 199 98 / 62%);border-radius:26px;background:linear-gradient(155deg,#fdfbf4,#eee8da);color:var(--ink);box-shadow:0 28px 90px #000b088c;animation:coach-card-in .22s ease-out}.coach-card h2{margin:5px 0 9px;font-size:2rem;letter-spacing:-.045em}.coach-card p:not(.eyebrow){color:#4b5b53;line-height:1.55}.coach-card .primary{width:100%;margin-top:6px}.coach-icon{float:right;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--green);color:var(--gold);box-shadow:0 10px 25px #00302533}@keyframes coach-backdrop-in{0%{opacity:0}}@keyframes coach-card-in{0%{opacity:0;transform:translateY(20px) scale(.98)}}button:focus-visible{outline:3px solid #2a8d70;outline-offset:3px}@media(max-width:430px){.app-shell{padding-inline:9px}.soon-grid{grid-template-columns:1fr}.candidate-copy{padding:8px}.arena{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:4px}.versus{width:28px;height:28px}dialog{width:calc(100% - 18px);height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));max-height:none;margin-block:max(14px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-bottom))}.profile-preview{width:min(100%,330px)}.profile-preview .portrait{max-height:38dvh}}@media(max-width:350px){.candidate-card{height:202px}.pulse-grid{grid-template-columns:1fr}.section-title>small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}