:root{--bg-a:#a8b8cc;--bg-b:#d5dde8;--bg-c:#c8e2d8;--ink:#243447;--muted:#5c6d80;--panel:#f7f9fc;--panel-soft:#eef2f7;--panel-warm:#ffe9d6;--accent:#ff7a59;--accent-deep:#e85f3f;--accent-2:#5b8fd9;--accent-3:#f0c45a;--mint:#5ec4a0;--ok:#3caf7a;--ok-soft:#d7f3e5;--fail:#ff6b6b;--fail-soft:#ffe1e1;--pending:#f0c45a;--pending-soft:#fff3d0;--line:rgba(36,52,71,0.14);--shadow:5px 5px 0 #243447;--grad-btn:linear-gradient(180deg,#ff9a80,#ff7a59);--grad-badge:linear-gradient(180deg,#ffd28a,#f0c45a);--scene-b1:#8fa3bc;--scene-b2:#9fd9c4;--scene-b3:#f0c45a;--scene-o1:#f0c45a;--scene-o2:#ff7a59;--scene-o3:#5b8fd9;--scene-hill:#6fc4a8;--topbar-bg:rgba(247,249,252,0.94);--font:"Nunito",system-ui,sans-serif;--display:"Fredoka","Nunito",sans-serif}html[data-theme=slate-coral]{--bg-a:#a8b8cc;--bg-b:#d5dde8;--bg-c:#c8e2d8;--ink:#243447;--muted:#5c6d80;--panel:#f7f9fc;--panel-soft:#eef2f7;--panel-warm:#ffe9d6;--accent:#ff7a59;--accent-deep:#e85f3f;--accent-2:#5b8fd9;--accent-3:#f0c45a;--mint:#5ec4a0;--ok:#3caf7a;--ok-soft:#d7f3e5;--fail:#ff6b6b;--fail-soft:#ffe1e1;--pending:#f0c45a;--pending-soft:#fff3d0;--line:rgba(36,52,71,0.14);--shadow:5px 5px 0 #243447;--grad-btn:linear-gradient(180deg,#ff9a80,#ff7a59);--grad-badge:linear-gradient(180deg,#ffd28a,#f0c45a);--scene-b1:#8fa3bc;--scene-b2:#9fd9c4;--scene-b3:#f0c45a;--scene-o1:#f0c45a;--scene-o2:#ff7a59;--scene-o3:#5b8fd9;--scene-hill:#6fc4a8;--topbar-bg:rgba(247,249,252,0.94)}html[data-theme=soft-sky]{--bg-a:#7ec8f8;--bg-b:#9ad7ff;--bg-c:#b8f2e6;--ink:#1f3a4a;--muted:#5a7380;--panel:#ffffff;--panel-soft:#f0faff;--panel-warm:#fff4c8;--accent:#ff8a4c;--accent-deep:#e8732f;--accent-2:#3db8e8;--accent-3:#ffd24a;--mint:#3ddc97;--ok:#2bb673;--ok-soft:#d4f8e6;--fail:#ff6b6b;--fail-soft:#ffe0e0;--pending:#ffc857;--pending-soft:#fff3c4;--line:rgba(31,58,74,0.14);--shadow:5px 5px 0 #1f3a4a;--grad-btn:linear-gradient(180deg,#ffb07a,#ff8a4c);--grad-badge:linear-gradient(180deg,#ffe08a,#ffd24a);--scene-b1:#6bb8f0;--scene-b2:#9af0d0;--scene-b3:#ffd24a;--scene-o1:#ffd24a;--scene-o2:#ff8a4c;--scene-o3:#3ddc97;--scene-hill:#4ecf8a;--topbar-bg:rgba(255,255,255,0.94)}html[data-theme=ice-soda]{--bg-a:#8fd4f5;--bg-b:#c7efff;--bg-c:#d4f7c8;--ink:#1e3a4c;--muted:#567486;--panel:#f7fcff;--panel-soft:#eaf7ff;--panel-warm:#e8fbcf;--accent:#4ecdc4;--accent-deep:#2fb5ab;--accent-2:#5b9dff;--accent-3:#b6e85a;--mint:#7be06a;--ok:#3cbc78;--ok-soft:#d8f7e6;--fail:#ff6b81;--fail-soft:#ffe2e7;--pending:#b6e85a;--pending-soft:#f1fbcf;--line:rgba(30,58,76,0.14);--shadow:5px 5px 0 #1e3a4c;--grad-btn:linear-gradient(180deg,#7be8e0,#4ecdc4);--grad-badge:linear-gradient(180deg,#d4f58a,#b6e85a);--scene-b1:#6ec4ef;--scene-b2:#b8f0d8;--scene-b3:#c8f06a;--scene-o1:#b6e85a;--scene-o2:#4ecdc4;--scene-o3:#5b9dff;--scene-hill:#7ad4b8;--topbar-bg:rgba(247,252,255,0.94)}html[data-theme=soft-pink]{--bg-a:#f5b8c8;--bg-b:#ffd6e0;--bg-c:#ffe9f0;--ink:#4a2f3a;--muted:#8a6572;--panel:#fff7fa;--panel-soft:#ffeef4;--panel-warm:#ffe4c8;--accent:#ff6b9d;--accent-deep:#e84f86;--accent-2:#7ec8f0;--accent-3:#ffd6a8;--mint:#8fd9b8;--ok:#5cbf8a;--ok-soft:#dff6ea;--fail:#ff6b6b;--fail-soft:#ffe2e6;--pending:#ffb347;--pending-soft:#fff0d4;--line:rgba(74,47,58,0.14);--shadow:5px 5px 0 #4a2f3a;--grad-btn:linear-gradient(180deg,#ff8fb3,#ff6b9d);--grad-badge:linear-gradient(180deg,#ffe0b0,#ffd6a8);--scene-b1:#f2a0b8;--scene-b2:#ffc2d4;--scene-b3:#ffd6a8;--scene-o1:#ffd6a8;--scene-o2:#ff6b9d;--scene-o3:#7ec8f0;--scene-hill:#f2a8c0;--topbar-bg:rgba(255,247,250,0.94)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 88% 8%,rgba(255,255,255,.5),transparent 28%),radial-gradient(circle at 10% 88%,rgba(94,196,160,.18),transparent 34%),radial-gradient(circle at 72% 70%,rgba(255,122,89,.14),transparent 36%),linear-gradient(158deg,var(--bg-a) 0,var(--bg-b) 48%,var(--bg-c) 100%);overflow-x:hidden;line-height:1.45}.scene{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:60% 40% 55% 45%;filter:blur(2px);opacity:.42;animation:floaty 9s ease-in-out infinite}.b1{width:220px;height:180px;top:-40px;left:-50px;background:var(--scene-b1)}.b2{width:280px;height:220px;top:12%;right:-80px;background:var(--scene-b2);animation-delay:-3s}.b3{width:180px;height:160px;bottom:18%;left:8%;background:var(--scene-b3);animation-delay:-5s;opacity:.34}.cloud{position:absolute;background:rgba(255,255,255,.82);border-radius:999px;border:3px solid var(--line);animation:floaty 8s ease-in-out infinite}.cloud:after,.cloud:before{content:"";position:absolute;background:inherit;border-radius:50%;border:3px solid var(--line)}.c1{width:90px;height:34px;top:14%;left:18%}.c1:before{width:42px;height:42px;left:12px;top:-22px}.c1:after{width:34px;height:34px;right:14px;top:-16px}.c2{width:70px;height:28px;top:22%;right:16%;animation-delay:-2.5s}.c2:before{width:34px;height:34px;left:10px;top:-18px}.c2:after{width:28px;height:28px;right:10px;top:-12px}.orb{position:absolute;border-radius:50%;border:3px solid var(--ink);animation:floaty 6s ease-in-out infinite}.o1{width:26px;height:26px;top:36%;left:6%;background:var(--scene-o1)}.o2{width:18px;height:18px;top:18%;right:8%;background:var(--scene-o2);animation-delay:-2s}.o3{width:22px;height:22px;top:48%;right:20%;background:var(--scene-o3);animation-delay:-4s}.hill{position:absolute;left:-12%;right:-12%;bottom:-90px;height:180px;background:var(--scene-hill);border-top:4px solid var(--ink);border-radius:50% 50% 0 0;opacity:.3}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal,.records-page,.stage,.topbar{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.2rem;margin:.9rem auto 0;max-width:980px;width:calc(100% - 2rem);background:var(--topbar-bg);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-link{text-decoration:none;color:inherit;display:inline-flex;align-items:center}.brand-mark{font-family:var(--display);font-size:clamp(2rem,4.5vw,2.6rem);font-weight:700;letter-spacing:.04em;line-height:1;color:var(--accent);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink),-1px 0 0 var(--ink),1px 0 0 var(--ink),0 -1px 0 var(--ink),0 1px 0 var(--ink);transition:transform .12s ease,filter .12s ease}.brand-link:hover .brand-mark{transform:translate(-1px,-2px) rotate(-2deg);filter:saturate(1.1)}.brand-link:active .brand-mark{transform:translate(2px,2px) rotate(0deg)}.nav-tabs{display:flex;gap:.35rem;background:var(--panel-soft);border:3px solid var(--ink);border-radius:16px;padding:.28rem;box-shadow:4px 4px 0 var(--ink)}.nav-tab{font-family:var(--font);font-weight:800;font-size:.9rem;letter-spacing:.01em;text-decoration:none;color:var(--muted);padding:.45rem .9rem;border-radius:12px;text-transform:none;border:2px solid transparent;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.nav-tab.active{background:var(--grad-btn);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.nav-tab-records{gap:.35rem}.nav-badge,.nav-tab-records{display:inline-flex;align-items:center}.nav-badge{justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;border:2px solid var(--ink);background:var(--panel);color:var(--ink);font-size:.72rem;font-weight:800;line-height:1;box-shadow:2px 2px 0 var(--ink)}.nav-tab.active .nav-badge{background:rgba(255,255,255,.92);color:var(--ink)}.nav-badge-pending{background:var(--accent);color:#fff}.btn-link{display:inline-flex;align-items:center;text-decoration:none}.topbar-actions{display:flex;gap:.55rem}.theme-switcher,.topbar-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.theme-switcher{display:inline-flex;gap:.35rem}.theme-swatch{display:inline-flex;align-items:center;gap:.18rem;padding:.28rem .45rem;border:3px solid var(--ink);border-radius:999px;background:var(--panel);box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.theme-swatch:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.theme-swatch:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.theme-swatch.active{background:var(--grad-btn);box-shadow:3px 3px 0 var(--ink)}.theme-swatch-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);flex-shrink:0}.theme-swatch-name{display:none;font-family:var(--font);font-size:.72rem;font-weight:800;color:var(--ink);margin-left:.15rem;white-space:nowrap}.theme-swatch.active .theme-swatch-name{display:inline;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.18)}@media (max-width:720px){.theme-swatch-name{display:none!important}}.user-pill{font-family:var(--font);font-size:.88rem;font-weight:800;padding:.42rem .8rem;background:var(--ok-soft);border:3px solid var(--ink);border-radius:12px;color:var(--ok);box-shadow:3px 3px 0 var(--ink);animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.stage{gap:1.1rem;max-width:980px;margin:0 auto;padding:1rem 1rem 2.5rem}.stage,.wheel-panel{display:flex;flex-direction:column;align-items:center}.wheel-panel{text-align:center;width:100%;background:var(--panel);border:3px solid var(--ink);border-radius:22px;padding:1.35rem 1.1rem 1.55rem;box-shadow:var(--shadow);animation:rise .45s ease-out both;position:relative;overflow:hidden}.wheel-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}.kicker{font-family:var(--font);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:transparent;border:none;border-left:3px solid var(--accent);border-radius:0;padding:.15rem 0 .15rem .65rem;margin-bottom:.85rem;box-shadow:none;align-self:flex-start}.hero-title{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:400;margin-bottom:.15rem;letter-spacing:.06em;line-height:1}.hero-desc{color:var(--muted);font-weight:600;margin-bottom:.95rem;max-width:30rem}.wheel-wrap{position:relative;width:min(92vw,640px);aspect-ratio:1;margin-bottom:1rem}.wheel-ring{border-radius:50%;border:none;background:transparent;box-shadow:none;overflow:visible;animation:none}#wheel,.wheel-ring{width:100%;height:100%}#wheel{display:block;filter:drop-shadow(8px 10px 0 rgba(36,52,71,.28))}#wheel.spinning{filter:drop-shadow(8px 10px 0 rgba(36,52,71,.28)) saturate(1.2)}.pointer{position:absolute;top:2px;left:50%;transform:translateX(-50%);z-index:5;animation:bob 1.4s ease-in-out infinite}.pointer-tip{display:block;width:32px;height:40px;background:var(--grad-btn);border:3px solid var(--ink);border-radius:10px 10px 4px 4px;box-shadow:4px 4px 0 var(--ink);position:relative;-webkit-clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%)}.pointer-tip:after,.pointer-tip:before{display:none}@keyframes bob{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(5px)}}.wheel-hub{position:absolute;inset:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 28%,var(--panel-warm) 29%,var(--panel-warm) 100%);border:3px solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;box-shadow:4px 4px 0 var(--ink),0 0 0 6px var(--accent-3),0 0 0 9px var(--ink);animation:hubPulse 2.8s ease-in-out infinite}@keyframes hubPulse{0%,to{box-shadow:4px 4px 0 var(--ink),0 0 0 6px var(--accent-3),0 0 0 9px var(--ink)}50%{box-shadow:4px 4px 0 var(--ink),0 0 0 8px var(--accent-3),0 0 0 11px var(--ink)}}.wheel-hub span{font-family:var(--display);font-size:2rem;font-weight:600;color:var(--ink);line-height:1;letter-spacing:.02em}.wheel-hub small{font-size:.7rem;letter-spacing:.04em;color:var(--muted)}.spin-badge,.wheel-hub small{font-weight:800;text-transform:none}.spin-badge{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:6;font-family:var(--font);letter-spacing:.02em;font-size:.85rem;background:var(--grad-badge);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:.35rem .9rem;box-shadow:4px 4px 0 var(--ink);animation:popIn .25s ease-out;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.controls{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.login-nudge{font-weight:700;color:var(--accent-deep);margin-bottom:.7rem}.btn{font-family:var(--font);font-size:.98rem;font-weight:800;letter-spacing:.02em;text-transform:none;padding:.72rem 1.3rem;border:3px solid var(--ink);border-radius:14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:5px 5px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:2px 2px 0 rgba(36,52,71,.25)}.btn:not(:disabled):hover{transform:translate(-1px,-2px);box-shadow:7px 7px 0 var(--ink)}.btn:not(:disabled):active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.btn-primary{background:var(--grad-btn);color:#fff;text-shadow:0 1px 0 rgba(36,52,71,.22)}.btn-ghost{background:#fff;color:var(--ink)}.btn-danger{background:var(--fail-soft);color:var(--fail)}.legend{display:flex;flex-wrap:wrap;gap:.4rem .85rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:var(--muted);letter-spacing:.02em}.legend-swatch{width:14px;height:14px;border-radius:5px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.side-panel{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0}.side-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;min-width:0}.side-row .panel-block{min-width:0;display:flex;flex-direction:column}.panel-block{background:var(--panel);border:3px solid var(--ink);border-radius:18px;padding:1rem 1.05rem;box-shadow:var(--shadow);animation:rise .5s ease-out both}.highlight-block{background:linear-gradient(165deg,var(--panel-warm) 0,var(--panel) 60%)}.remaining-block{animation-delay:.08s;flex:1 1;min-height:320px;display:flex;flex-direction:column}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--line)}.panel-head h2{font-family:var(--display);font-size:1.55rem;font-weight:400;letter-spacing:.06em}.count-pill{font-family:var(--font);font-size:.82rem;font-weight:800;background:var(--grad-badge);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:.2rem .65rem;letter-spacing:.02em;box-shadow:3px 3px 0 var(--ink)}.history-days{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overscroll-behavior:contain;flex:1 1}.highlight-block .history-days,.history-days,.history-days-compact{max-height:220px}.history-day-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.history-day-head h3{font-family:var(--display);font-size:1.15rem;letter-spacing:.05em}.history-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.history-pair{display:flex;align-items:flex-start;justify-content:space-between;padding:.55rem .6rem;background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.pair-guns{display:flex;flex-direction:column;gap:.35rem;flex:1 1;min-width:0}.pair-gun{display:grid;grid-template-columns:auto 40px 1fr;grid-gap:.4rem;gap:.4rem;align-items:center;min-width:0;padding:.35rem .45rem;background:var(--panel-soft);border:2px solid var(--ink);border-radius:12px}.pair-slot{font-family:var(--font);font-size:.68rem;font-weight:800;width:18px;height:18px;display:grid;place-items:center;background:var(--grad-btn);color:#fff;border:2px solid var(--ink);border-radius:6px;line-height:1;box-shadow:2px 2px 0 var(--ink)}.pair-gun img{width:40px;height:34px;object-fit:contain}.pair-meta{min-width:0}.pair-gun strong{font-size:.88rem;font-weight:800}.pair-gun strong,.pair-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pair-meta span{font-size:.7rem;font-weight:600;color:var(--muted)}.history-pair time{font-size:.7rem;font-weight:700;color:var(--muted);white-space:nowrap;padding-top:.15rem}.empty-hint{color:var(--muted);font-weight:600;padding:.5rem 0;font-size:.9rem}.tag-cloud{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:.5rem;gap:.5rem;overflow-y:auto;max-height:none;flex:1 1;min-height:260px;align-content:start}.gun-chip{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .3rem;background:#fff;border:3px solid var(--ink);border-radius:14px;font-size:.72rem;font-weight:800;box-shadow:4px 4px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}.gun-chip:hover{transform:translate(-1px,-3px);box-shadow:6px 6px 0 var(--ink)}.gun-chip img{width:56px;height:48px;object-fit:contain}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;inset:0;background:rgba(36,52,71,.48);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(100%,420px);background:var(--panel);border:3px solid var(--ink);border-radius:20px;padding:1.5rem 1.35rem;box-shadow:6px 6px 0 var(--ink);animation:popIn .3s ease-out}.modal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:.35rem;gap:.35rem;margin-bottom:.7rem;background:var(--panel-soft);border:3px solid var(--ink);border-radius:14px;padding:.28rem;box-shadow:4px 4px 0 var(--ink)}.auth-tab{font-family:var(--font);font-weight:800;letter-spacing:.02em;text-transform:none;border:2px solid transparent;background:transparent;padding:.55rem;border-radius:10px;cursor:pointer;color:var(--muted)}.auth-tab.active{background:var(--grad-btn);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.auth-title{margin:0 0 .35rem;font-family:var(--display);font-size:1.55rem;font-weight:700;color:var(--ink)}.modal-hint{margin:0 0 1rem;color:var(--muted);font-size:.9rem;font-weight:600;line-height:1.45}.modal-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:800;letter-spacing:.02em;text-transform:none;color:var(--muted);margin-bottom:.8rem}.modal-card input{font-family:var(--font);font-size:1rem;font-weight:600;padding:.7rem .8rem;background:#fff;border:3px solid var(--ink);border-radius:12px;color:var(--ink);outline:none;text-transform:none;letter-spacing:normal;box-shadow:3px 3px 0 rgba(36,52,71,.18)}.modal-card input:focus{box-shadow:0 0 0 3px rgba(255,138,76,.45)}.error-msg{color:var(--fail);font-weight:700;margin-bottom:.6rem}.modal-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.4rem}.result-card{width:min(100%,520px);text-align:center}.result-label{font-family:var(--display);font-size:1.65rem;letter-spacing:.08em;color:var(--ink);margin-bottom:.85rem}.result-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.result-gun{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:.85rem .5rem;position:relative;box-shadow:5px 5px 0 var(--ink)}.slot-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.02em;text-transform:none;background:var(--grad-badge);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:.15rem .55rem;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}.result-icon{width:110px;height:95px;object-fit:contain;margin:.4rem auto .35rem;animation:popIn .4s ease-out}.result-gun h3{font-family:var(--display);font-size:1.7rem;letter-spacing:.04em;color:var(--ink);margin-bottom:.1rem}.result-cat{font-weight:700;color:var(--muted);font-size:.85rem}.result-card .modal-actions{justify-content:center}.records-page{max-width:980px;margin:0 auto;padding:1rem 1rem 2.5rem;gap:1rem}.records-hero,.records-page{display:flex;flex-direction:column}.records-hero{text-align:center;align-items:center}.records-hero .kicker{align-self:center;border-left:none;border-bottom:3px solid var(--accent);padding:0 0 .2rem}.records-stats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.4rem 0 1rem}.stat-chip{min-width:78px;padding:.55rem .7rem;background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink)}.stat-chip strong{display:block;font-family:var(--display);font-size:1.55rem;line-height:1;letter-spacing:.02em}.stat-chip span{font-size:.72rem;font-weight:800;letter-spacing:.02em;text-transform:none;color:var(--muted)}.stat-chip.ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ink)}.stat-chip.no{background:var(--fail-soft);color:var(--fail);border-color:var(--ink)}.stat-chip.pending{background:var(--pending-soft);color:#8a6418;border-color:var(--ink)}.records-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem;gap:.4rem;width:min(100%,420px);background:var(--panel-soft);border:3px solid var(--ink);border-radius:14px;padding:.28rem;box-shadow:4px 4px 0 var(--ink)}.records-tab{font-family:var(--font);font-weight:800;letter-spacing:.02em;text-transform:none;font-size:.88rem;border:2px solid transparent;background:transparent;padding:.65rem .5rem;border-radius:10px;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.records-tab em{font-style:normal;font-size:.75rem;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:.05rem .45rem;box-shadow:2px 2px 0 var(--ink)}.records-tab.active{background:var(--grad-btn);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.records-list-panel{min-height:320px}.history-days-page{max-height:none;overflow:visible}.pair-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;flex-shrink:0}.pair-actions-top{display:flex;align-items:center;gap:.45rem}.history-delete-btn{font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.02em;border:2px solid var(--ink);border-radius:10px;padding:.2rem .5rem;cursor:pointer;background:#fff;color:var(--fail);box-shadow:2px 2px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.history-delete-btn:disabled{opacity:.5;cursor:not-allowed}.history-delete-btn:not(:disabled):hover{background:var(--fail);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.history-pair{position:relative;overflow:hidden;flex-direction:column;align-items:stretch;gap:.55rem}.pair-main{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}.history-pair-pending{border-color:var(--pending);background:var(--pending-soft)}.history-pair-success{border-color:var(--ok);border-width:2px;background:var(--ok-soft);box-shadow:3px 3px 0 var(--ok)}.history-pair-fail{border-color:var(--fail);border-width:2px;background:var(--fail-soft);box-shadow:3px 3px 0 var(--fail)}.result-stamp{align-self:flex-start;font-family:var(--font);font-size:.85rem;font-weight:800;letter-spacing:.02em;text-transform:none;padding:.3rem .75rem;border:3px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink)}.result-stamp.ok{background:var(--ok)}.result-stamp.no,.result-stamp.ok{color:#fff;border-color:var(--ink)}.result-stamp.no{background:var(--fail)}.result-stamp.pending{color:#8a6418;background:var(--pending-soft);border-color:var(--ink)}.result-toggle{display:flex;gap:.35rem}.result-btn{font-family:var(--font);font-size:.78rem;font-weight:800;letter-spacing:.02em;text-transform:none;border:3px solid var(--ink);border-radius:12px;padding:.4rem .7rem;cursor:pointer;background:#fff;color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.result-btn:disabled{opacity:.5;cursor:not-allowed}.result-btn:not(:disabled):hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.result-btn.ok.active{background:var(--ok)}.result-btn.no.active,.result-btn.ok.active{color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.result-btn.no.active{background:var(--fail)}.result-btn.ok:not(.active){background:var(--ok-soft);color:var(--ok)}.result-btn.no:not(.active){background:var(--fail-soft);color:var(--fail)}.success-badge{font-family:var(--font);font-size:.75rem;font-weight:800;letter-spacing:.02em;text-transform:none;border:3px solid var(--ink);border-radius:999px;padding:.25rem .6rem;box-shadow:3px 3px 0 var(--ink)}.success-badge.ok{background:var(--ok);color:#fff;border-color:var(--ink)}.success-badge.no{background:var(--fail);color:#fff;border-color:var(--ink)}.success-badge.pending{background:var(--pending-soft);color:#8a6418}.success-check{display:none}.records-login-gate{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem 0}@media (max-width:900px){.wheel-panel{position:static}.side-row{grid-template-columns:1fr}.remaining-block{min-height:240px}.topbar{margin:.5rem auto 0;padding:.75rem .9rem;flex-wrap:wrap}.nav-tabs{order:3;width:100%;justify-content:stretch}.nav-tab{flex:1 1;text-align:center}.highlight-block .history-days,.history-days,.history-days-compact{max-height:200px}.history-days-page{max-height:none}.tag-cloud{min-height:200px}.result-pair{grid-template-columns:1fr}}