:root{--black:#020304;--black2:#080a0c;--steel:#16191d;--gold:#d9aa3e;--goldhi:#fff0b5;--text:#faf8f0;--muted:#96999e}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#020304;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif}button,input,select{font:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% -8%,rgba(225,175,54,.30),transparent 27%),radial-gradient(ellipse at 15% 30%,rgba(255,255,255,.035),transparent 23%),radial-gradient(ellipse at 85% 40%,rgba(255,255,255,.025),transparent 25%),linear-gradient(115deg,transparent 43%,rgba(255,224,130,.025) 44%,transparent 45%);opacity:.9}
.shell{position:relative;max-width:560px;min-height:100vh;margin:auto;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 25px)}
.cinema{position:relative;overflow:hidden;border:1px solid #493918;border-radius:24px;background:linear-gradient(180deg,rgba(29,24,14,.78),rgba(5,6,7,.98) 68%);padding:27px 17px 22px;text-align:center;box-shadow:0 24px 70px #000,inset 0 1px rgba(255,235,170,.14)}
.cinema:before{content:"";position:absolute;left:-10%;right:-10%;top:-40px;height:150px;background:radial-gradient(ellipse,rgba(255,207,83,.24),transparent 65%);filter:blur(5px)}
.logo{position:relative;width:84px;height:84px;margin:auto;border-radius:50%;display:grid;place-items:center;border:2px solid #b78a2c;background:radial-gradient(circle at 45% 35%,#4b3916,#0a0b0c 62%);box-shadow:0 0 0 5px #090a0b,0 0 0 6px #4c3a18,0 0 45px rgba(218,171,62,.22)}
.logo b{font-size:30px;letter-spacing:-.08em;color:var(--goldhi);text-shadow:0 2px 0 #6c4b0e,0 0 15px rgba(255,232,158,.38)}
.eyebrow{position:relative;margin-top:17px;font-size:10px;letter-spacing:.28em;font-weight:900;color:#d7b65e}.cinema h1{position:relative;margin:5px 0 2px;font-size:36px;letter-spacing:-.05em}.sub{position:relative;color:#9c9da0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.rule{height:1px;margin:17px 10% 0;background:linear-gradient(90deg,transparent,#9b7628,transparent)}
.card{margin:13px 0;padding:15px;border:1px solid #2b2e32;border-radius:19px;background:linear-gradient(180deg,rgba(20,23,26,.96),rgba(7,8,9,.98));box-shadow:0 15px 42px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025)}
.goldcard{border-color:#554119;box-shadow:0 16px 48px rgba(0,0,0,.5),inset 0 1px rgba(255,225,138,.08)}
.cap{font-size:10px;letter-spacing:.19em;color:#e0bd63;font-weight:900;margin-bottom:11px;text-transform:uppercase}
.primary{width:100%;border:1px solid #f3d67f;border-radius:13px;padding:14px 10px;color:#080808;font-weight:950;letter-spacing:.04em;background:linear-gradient(180deg,#fff0b3 0,#d9aa3e 47%,#9b6816 100%);box-shadow:0 7px 24px rgba(218,171,62,.2)}
.event{width:100%;margin:5px 0;padding:13px;text-align:left;color:#f8f6ef;background:#0c0e10;border:1px solid #303338;border-radius:13px}.event b{display:block;font-size:16px}.event span{display:block;margin-top:4px;color:#96999e;font-size:11px}
.back{border:0;background:transparent;color:#f1d47e;font-weight:850;padding:9px 2px}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.meta{text-align:right}.meta b{display:block}.meta span{color:#96999e;font-size:10px}
.form{display:grid;gap:11px}.field label{display:block;margin:0 0 5px 2px;color:#aaa;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.field input,.field select{width:100%;border:1px solid #34383d;border-radius:12px;background:#08090a;color:white;padding:13px}.row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.bigScore{text-align:center;font-size:64px;font-weight:950;line-height:1;margin:13px 0 3px;text-shadow:0 0 30px rgba(218,171,62,.15)}.scoreCap{text-align:center;font-size:9px;letter-spacing:.2em;color:#8d9095}
.grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.frame{overflow:hidden;border:1px solid #33363a;border-radius:6px;background:#070809;text-align:center}.fn{padding:3px;color:#d8ac45;font-size:8px}.balls{height:21px;font-size:10px;font-weight:900}.tot{min-height:20px;padding:3px 0;border-top:1px solid #2a2d31;font-size:10px}
.mode{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:#050607;border:1px solid #303338;border-radius:13px}.mode button,.pocket button{border:0;border-radius:10px;padding:11px 4px;color:#888c91;background:transparent;font-size:10px;font-weight:900}.mode .on,.pocket .on{color:#070707;background:linear-gradient(180deg,#ffeaa6,#b98224)}
.instruction{text-align:center;margin:11px 0 1px;color:#e3c66f;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.deck{position:relative;height:330px;max-width:410px;margin:4px auto 0;border-radius:50% 50% 15px 15px;background:radial-gradient(ellipse at 50% 85%,rgba(218,171,62,.09),transparent 55%);border-bottom:1px solid rgba(218,171,62,.16)}
.hit{position:absolute;width:68px;height:82px;transform:translate(-50%,-50%);border:0;background:transparent;padding:0}
.pin{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:34px;height:68px;background:linear-gradient(90deg,#5b3d0b 0,#c9952d 17%,#ffe6a0 39%,#fff6d8 51%,#d6a43d 70%,#66450d 100%);clip-path:polygon(39% 0,61% 0,69% 14%,64% 28%,79% 48%,85% 77%,72% 96%,50% 100%,28% 96%,15% 77%,21% 48%,36% 28%,31% 14%);filter:drop-shadow(0 8px 7px #000) drop-shadow(0 0 10px rgba(255,215,95,.22))}
.pin:before,.pin:after{content:"";position:absolute;left:3px;right:3px;height:4px;background:#8b2018}.pin:before{top:19px}.pin:after{top:25px}
.pinNum{position:absolute;left:0;right:0;bottom:-1px;text-align:center;color:#d9b85e;font-size:9px}.hiddenPin .pin,.hiddenPin .pinNum{display:none!important}
.summary{text-align:center;min-height:18px;color:#b6b8ba;font-size:11px}.pocket{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.pocket button{border:1px solid #303338;background:#0d0f11}
.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.actions button{padding:11px 2px;border:1px solid #33363a;border-radius:10px;background:#101214;color:#f2f2ef;font-size:9px;font-weight:900}
.version{text-align:center;color:#555a60;font-size:9px;margin-top:10px;letter-spacing:.12em}