:root{--navy:#101b3f;--navy-2:#182657;--ivory:#f7f1e3;--gold:#d6a646;--gold-deep:#9a7020;--serif:"DM Serif Display", Georgia, "Times New Roman", serif;--sans:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--script:"Pinyon Script", "Snell Roundhand", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--navy);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.5}.page{flex-direction:column;min-height:100dvh;display:flex}.column{flex:1;width:100%;max-width:520px;margin:0 auto;padding:20px 16px 32px}h1,h2{font-family:var(--serif);text-wrap:balance;margin:0;font-weight:400;line-height:1.12}h1{font-size:2rem}h2{font-size:1.25rem}p{margin:0}a{color:var(--gold)}strong{font-weight:700}.gold{color:var(--gold)}.stack{flex-direction:column;gap:16px;display:flex}.lead{font-size:1.15rem}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:600;display:flex}.welcome{gap:20px;padding-top:12vh}.script{font-family:var(--script);color:var(--gold);font-size:2.6rem;line-height:1}.display{font-size:2.6rem}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.primary,.secondary{border-radius:999px;min-height:56px;padding:14px 20px;font-size:1.05rem;font-weight:700}.primary{background:var(--gold);color:var(--navy);border:2px solid var(--gold)}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:var(--ivory);border:2px solid var(--ivory);background:0 0}.big{min-height:64px;font-size:1.2rem}.link{color:var(--gold);background:0 0;border:0;align-self:flex-start;padding:4px 0;font-weight:600;text-decoration:underline}.actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.options{flex-direction:column;gap:10px;display:flex}.options.grid{grid-template-columns:1fr 1fr;display:grid}.option{text-align:left;border:1.5px solid var(--gold);background:var(--navy-2);min-height:56px;color:var(--ivory);border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.option.on{background:var(--gold);color:var(--navy)}.option-label{font-weight:700}.option-hint{font-size:.95rem}.field{flex-direction:column;gap:6px;font-weight:600;display:flex}.field input{font:inherit;border:2px solid var(--ivory);background:var(--ivory);color:var(--navy);border-radius:12px;padding:14px 16px;font-size:1.15rem}.field input::placeholder{color:var(--gold-deep)}.drumroll{text-align:center;flex-direction:column;justify-content:center;gap:12px;min-height:60vh;display:flex}.drumroll-label{color:var(--gold);font-weight:600}.drumroll-title{font-family:var(--serif);min-height:3.5em;font-size:1.8rem;line-height:1.15}.certificate{background:var(--ivory);color:var(--navy);border:6px double var(--gold);text-align:center;border-radius:6px;flex-direction:column;gap:6px;padding:22px 18px;display:flex}.cert-small{font-size:.9rem}.cert-name{font-family:var(--script);overflow-wrap:anywhere;font-size:2.8rem;line-height:1.05}.cert-title{font-size:1.5rem}.cert-number{font-family:var(--serif);color:var(--gold-deep);font-size:3.4rem;line-height:1}.cert-unit{font-size:1.3rem}.details{border-top:1.5px solid var(--gold);flex-direction:column;gap:8px;padding-top:16px;display:flex}.details h2{margin-top:8px}.details ul{flex-direction:column;gap:4px;margin:0;padding-left:1.2em;display:flex}.clock{font-family:var(--serif);text-align:center;font-variant-numeric:tabular-nums;font-size:5rem;line-height:1}.tap{border:3px solid var(--gold);background:var(--gold);min-height:42vh;color:var(--navy);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:1.4rem;font-weight:700;display:flex}.tap:active{background:var(--ivory)}.tap-count{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:5rem;font-weight:400;line-height:1}.win{color:var(--gold);font-size:2.4rem}.footer{text-align:center;border-top:1px solid var(--navy-2);padding:16px;font-size:.85rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body{background:radial-gradient(1200px 600px at 50% -10%, #2a3a7a 0%, transparent 60%), radial-gradient(800px 500px at 110% 110%, #3a2a5a 0%, transparent 60%), var(--navy);background-attachment:fixed}.sky{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.star{background:var(--gold);border-radius:50%;width:3px;height:3px;animation:3s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.3)}}.balloons{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.balloon{pointer-events:auto;cursor:pointer;touch-action:manipulation;opacity:.9;border:0;border-radius:50% 50% 48% 48%;width:54px;height:66px;padding:0;animation:14s linear infinite rise;position:absolute;bottom:-140px}.balloon:after{content:"";background:#f7f1e380;width:1px;height:60px;position:absolute;top:100%;left:50%}@keyframes rise{0%{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-60vh)rotate(4deg)}to{transform:translateY(-130vh)rotate(-4deg)}}.page{z-index:1;position:relative}.pop-in{animation:.45s cubic-bezier(.2,1.4,.4,1) both popIn}@keyframes popIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.options>*{animation:.4s cubic-bezier(.2,1.4,.4,1) both popIn}.options>:nth-child(2){animation-delay:40ms}.options>:nth-child(3){animation-delay:80ms}.options>:nth-child(4){animation-delay:.12s}.options>:nth-child(5){animation-delay:.16s}.options>:nth-child(n+6){animation-delay:.2s}.primary,.secondary,.option,.tap{transition:transform .15s cubic-bezier(.2,1.4,.4,1),box-shadow .15s,background .15s}.primary{box-shadow:0 6px #9a7020,0 10px 24px #d6a64659}.primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #9a7020}.option:hover,.secondary:hover{transform:translateY(-2px)}.option:active{transform:scale(.97)}.option.on{animation:.35s wiggle;box-shadow:0 0 0 3px #d6a64659}@keyframes wiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-2deg)scale(1.03)}60%{transform:rotate(2deg)scale(1.03)}}.progress{background:var(--navy-2);border-radius:99px;height:8px;margin-bottom:20px;overflow:hidden}.progress>i{background:linear-gradient(90deg, #b8862f, var(--gold), #f3d48a);height:100%;transition:width .4s cubic-bezier(.2,1.4,.4,1);display:block}.topbar{margin-bottom:10px}.shine{background:linear-gradient(100deg, var(--ivory) 30%, #f3d48a 45%, var(--gold) 50%, #f3d48a 55%, var(--ivory) 70%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite shine}@keyframes shine{0%{background-position:100% 0}to{background-position:0 0}}.trophy{filter:drop-shadow(0 8px 18px #d6a64673);width:96px;height:96px;animation:2.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(4deg)}}.welcome{padding-top:6vh}.drumroll{position:relative}.drumroll:before{content:"";z-index:-1;background:radial-gradient(closest-side,#d6a64647,#0000);animation:.5s ease-in-out infinite alternate pulse;position:absolute;inset:10% -10%}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}.drumroll-title{animation:.12s ease-out flick}.drumroll-label{font-size:1.2rem;animation:.5s ease-in-out infinite alternate pulse}@keyframes flick{0%{opacity:.3;transform:translateY(-30%)}to{opacity:1;transform:none}}.certificate{animation:.6s cubic-bezier(.2,1.5,.4,1) both stamp;position:relative;box-shadow:0 18px 50px #00000073}@keyframes stamp{0%{opacity:0;transform:scale(1.25)rotate(-3deg)}to{opacity:1;transform:none}}.seal{width:74px;height:74px;animation:.9s cubic-bezier(.2,1.5,.4,1) .3s both spinIn;position:absolute;top:-18px;right:-14px}@keyframes spinIn{0%{transform:scale(0)rotate(-180deg)}to{transform:none}}.cert-number{animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both popIn}.tap:active{transform:scale(.96)}.tap-count{display:inline-block}.win{font-size:2.6rem;animation:.6s cubic-bezier(.2,1.6,.4,1) both popIn}.welcome>*{animation:.5s cubic-bezier(.2,1.4,.4,1) both popIn}.welcome>:nth-child(2){animation-delay:80ms}.welcome>:nth-child(3){animation-delay:.16s}.welcome>:nth-child(4){animation-delay:.24s}.welcome>:nth-child(5){animation-delay:.32s}.balloon:before{content:"";border:5px solid #0000;border-top-color:inherit;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.balloon{box-shadow:inset -8px -10px #0000001f,inset 8px 8px #ffffff2e}@media (prefers-reduced-motion:reduce){.balloons{display:none}}.add-row{gap:8px;display:flex}.add-row input{min-width:0;font:inherit;border:2px solid var(--ivory);background:var(--ivory);color:var(--navy);border-radius:12px;flex:1;padding:14px 16px;font-size:1.1rem}.add-row input::placeholder{color:var(--gold-deep)}.add{border:2px solid var(--gold);background:var(--gold);min-width:84px;color:var(--navy);border-radius:12px;font-weight:700}.add:disabled{opacity:.45}.crew{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.crew li{background:var(--navy-2);border:1.5px solid var(--gold);border-radius:999px;align-items:center;gap:6px;padding:8px 8px 8px 14px;font-weight:600;display:flex}.crew li button{background:var(--gold);width:28px;height:28px;color:var(--navy);border:0;border-radius:50%;font-weight:700;line-height:1}.cert-crew{font-size:.95rem;font-weight:600}.record-card{border:2px solid var(--gold);background:var(--navy-2);text-align:center;border-radius:16px;flex-direction:column;gap:2px;padding:18px;display:flex}.record-card strong{font-family:var(--serif);color:var(--gold);font-size:2.6rem;font-weight:400;line-height:1.1}.game-count{margin-top:20vh;font-size:8rem;animation:.4s cubic-bezier(.2,1.6,.4,1) both popIn}.hud{z-index:7;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101b3fd9;justify-content:space-between;gap:12px;font-size:1rem;display:flex;position:fixed;top:0;left:0;right:0}.hud strong{font-family:var(--serif);color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:400}.hud .hurry strong{color:#ff8a8a;animation:.4s ease-in-out infinite alternate pulse}.game-sky{z-index:6;position:fixed;inset:0;overflow:hidden}.game-balloon{width:64px;height:78px;animation-name:rise-once;animation-timing-function:linear;animation-iteration-count:1}@keyframes rise-once{0%{transform:translateY(0)}to{transform:translateY(-125vh)rotate(6deg)}}.play-link{align-self:center}.invent{border:2px dashed var(--gold);background:#18265799;border-radius:18px;padding:18px}.board{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.board li{background:var(--navy-2);border:1.5px solid var(--gold);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 14px 16px;animation:.4s cubic-bezier(.2,1.4,.4,1) both popIn;display:flex}.board-title{font-family:var(--serif);font-size:1.15rem;line-height:1.2}.board .add{flex:none;min-height:48px}.field textarea{font:inherit;border:2px solid var(--ivory);background:var(--ivory);color:var(--navy);resize:vertical;border-radius:12px;padding:14px 16px;font-size:1.05rem}.field textarea::placeholder{color:var(--gold-deep)}.button-link{text-align:center;justify-content:center;align-items:center;text-decoration:none;display:flex}.idea-title{font-size:1.6rem!important;line-height:1.2!important}.error{color:#ff9a9a;font-weight:600}.note{border:2px solid var(--gold);background:#d6a6461f;border-radius:14px;padding:14px 16px;line-height:1.45}.note strong{color:var(--gold)}.column,.footer{z-index:1;position:relative}.podium{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.podium li{background:var(--navy-2);border:1.5px solid var(--gold);border-radius:14px;align-items:center;gap:12px;padding:12px 16px;animation:.4s cubic-bezier(.2,1.4,.4,1) both popIn;display:flex}.podium li:nth-child(2){animation-delay:60ms}.podium li:nth-child(3){animation-delay:.12s}.podium .medal{width:36px;height:36px;color:var(--navy);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.place-1 .medal{background:#d6a646}.place-2 .medal{background:#c9ced6}.place-3 .medal{background:#c98a55}.place-1{border-width:2.5px}.podium-name{overflow-wrap:anywhere;flex:1;font-weight:600}.podium strong{font-family:var(--serif);color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:400}.hero3d{aspect-ratio:16/7;cursor:grab;touch-action:pan-y;width:calc(100% + 32px);margin:-8px -16px 0;position:relative}.hero3d.grabbing{cursor:grabbing}.hero3d canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero3d-glow{filter:blur(28px);pointer-events:none;background:radial-gradient(closest-side,#d6a64673,#c94f6d1f 60%,#0000);position:absolute;inset:10% 8%}.hero3d-fallback{aspect-ratio:16/7}.steps{flex-direction:column;gap:12px;margin:0;padding-left:1.4em;display:flex}.steps li::marker{color:var(--gold);font-weight:700}.steps strong{color:var(--gold)}.play-cta{border:2px dashed var(--gold);text-align:center;background:#18265799;border-radius:18px;flex-direction:column;gap:12px;margin-top:12px;padding:18px;font-weight:600;display:flex}.board-tabs{background:var(--navy-2);border:1.5px solid var(--gold);border-radius:999px;align-self:flex-start;gap:6px;padding:4px;display:flex}.board-tabs button{color:var(--ivory);background:0 0;border:0;border-radius:999px;padding:8px 16px;font-weight:700}.board-tabs button.on{background:var(--gold);color:var(--navy)}
