@import url('/style.css');
body{background:radial-gradient(ellipse at 80% 0,#76c9ce,transparent 55%),#e9f0df;color:#102b43;font:15px system-ui;min-height:100vh}header,main,footer{width:min(1260px,92%);margin:auto}header{display:flex;align-items:center;gap:24px;padding:25px 0}header a{font:36px Impact;color:inherit;text-decoration:none}header span{font-size:11px;letter-spacing:2px;margin-right:auto}.preview-banner{padding:12px;text-align:center;background:#123e4b;color:#fff3cd;font-size:12px}.welcome{padding:40px 0 24px;max-width:720px}.welcome>p:first-child{letter-spacing:3px;font-size:11px;font-weight:800}h1{font:clamp(40px,6vw,76px)/1.03 Georgia,serif;margin:12px 0 24px}h1 em{color:#a83d2e}h2{font:30px Georgia,serif}p{line-height:1.7}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #123e4b;border-radius:8px;padding:11px 16px;background:#fff4d6;color:#123e4b}button:hover{background:#ffdc79}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e56d33;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #52747b;border-radius:7px;background:#fffdf5;color:#102b43;margin-top:7px}textarea{min-height:120px;resize:vertical}label{display:block;font-size:13px;font-weight:700}nav{display:flex;gap:8px;flex-wrap:wrap;border-bottom:2px solid #123e4b33;padding:18px 0}nav button[aria-pressed=true]{background:#123e4b;color:#fff4d6}.identity{display:flex;gap:24px;background:#fff5de;padding:20px;border-radius:12px;border:1px solid #244d5f33}.identity>label{min-width:230px}.identity form{display:flex;gap:15px;align-items:end;flex:1}.identity form>label{flex:1}#status{min-height:24px;font-weight:600}#content{padding:24px 0;min-height:400px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.card{padding:22px;background:#fff5de;border:2px solid #123e4b;border-radius:12px;box-shadow:5px 5px 0 #123e4b15;margin:18px 0}.card h3{margin-top:0;font-size:20px}.meta{font-size:12px;color:#45656b}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.primary{background:#f4c84c;font-weight:700}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.profile-grid .card{margin:0}.crew-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:24px 0}.crew-slot{border:2px solid #123e4b;background:#fff5de;border-radius:12px;padding:14px;text-align:center;overflow:hidden}.crew-slot img{width:100%;height:150px;object-fit:contain}.crew-slot strong,.crew-slot small{display:block;margin-top:10px}.crew-slot small{text-transform:uppercase;font-size:11px;letter-spacing:1px}.crew-slot.reveal{animation:card-land .55s both;animation-delay:calc(var(--slot)*90ms)}.score{font:38px Impact;color:#a83d2e}.rules{padding:15px;background:#fff5de;border-radius:10px;line-height:1.7}.check{display:flex;gap:10px;align-items:center;padding:8px}.check input{width:auto;margin:0}dialog{max-width:600px;width:90%;padding:30px;background:#fff5de;color:#123e4b;border:3px solid #123e4b;border-radius:15px}dialog::backdrop{background:#092c43bb}dialog label{margin:18px 0}footer{padding:25px 0;font-size:12px}.dark{background:#092b39;color:#fbecc4}.dark h1 em{color:#ffc36c}.dark .card,.dark .identity,.dark .crew-slot,.dark .rules{background:#133e4b;color:#fbecc4;border-color:#82b6b5}.dark .meta{color:#b3d3d1}.dark .score{color:#ffd279}@keyframes card-land{from{opacity:0;transform:translateY(25px) rotateY(80deg)}to{opacity:1;transform:none}}@media(max-width:900px){.crew-grid{grid-template-columns:repeat(3,1fr)}.identity{flex-direction:column}}@media(max-width:600px){.crew-grid{grid-template-columns:repeat(2,1fr)}header span{display:none}.identity form{flex-wrap:wrap}.panel-top{align-items:start;flex-direction:column}h1{font-size:42px}}@media(prefers-reduced-motion:reduce){.crew-slot.reveal{animation:none}}

.rules{overflow-x:auto}.rules table{font-size:.8rem;border-collapse:collapse}.rules th,.rules td{padding:.4rem;border-bottom:1px solid #aac3c3;text-align:left}

.spin-reel{height:150px;display:grid;place-items:center;font:80px Impact;color:#b64c32;background:repeating-linear-gradient(0deg,#fff1c9 0 24px,#f7d880 24px 26px)}.spinning .spin-reel{animation:reel-roll .13s linear infinite}.spinning .spin-reel:after{content:'✦';position:absolute}@keyframes reel-roll{50%{transform:translateY(-12px);filter:blur(3px)}100%{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.spinning .spin-reel{animation:none}}

.draw-stage{text-align:center}.draw-stage>img{height:200px;max-width:100%;object-fit:contain}.draw-stage .spin-reel{max-width:200px;margin:15px auto}.draw-stage.reveal{animation:card-land .5s both}@media(prefers-reduced-motion:reduce){.draw-stage.reveal{animation:none}}

.main-crew-link{padding:11px 16px;color:inherit;text-decoration:none;font-weight:700}.crew-embedded{min-height:0!important;margin:0;background:transparent}.crew-embedded>header,.crew-embedded>.preview-banner,.crew-embedded .welcome,.crew-embedded .identity,.crew-embedded nav,.crew-embedded footer{display:none}.crew-embedded main{width:100%;margin:0}.crew-embedded #content{min-height:0;padding:0}.crew-embedded #status{margin:8px 0}.crew-embedded .crew-grid{gap:12px}
.profile-save-status{padding:12px 14px;margin:14px 0 0;border-radius:8px;font-size:14px;line-height:1.5}.profile-save-status:empty{display:none}.profile-save-status[data-state=saved]{background:#dceedd;color:#194c35;border:1px solid #739c7e}.profile-save-status[data-state=error]{background:#ffe5df;color:#822b23;border:1px solid #c7796b}.profile-save-status[data-state=edited],.profile-save-status[data-state=saving]{background:#e4eff1;color:#244d5f}html[data-theme=night] .profile-save-status[data-state=saved]{background:#16453f;color:#e3f4db;border-color:#80a792}html[data-theme=night] .profile-save-status[data-state=error]{background:#582e32;color:#ffe1d7;border-color:#bd8a86}html[data-theme=night] .profile-save-status[data-state=edited],html[data-theme=night] .profile-save-status[data-state=saving]{background:#204d5d;color:#f5eacf}