:root{color:#1f2937;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,.play-button,.icon-link{border:0;border-radius:8px;background:#111827;color:#fff;cursor:pointer;font:inherit;min-height:40px;padding:0 16px}.page,.room-page{min-height:100vh;padding:18px}.event-room{background:#fff;color:#7c3f12;min-height:100vh}.event-nav{align-items:center;background:#fff;color:#111827;display:grid;grid-template-columns:48px 1fr 48px;height:54px;padding:env(safe-area-inset-top) 12px 0;position:sticky;text-align:center;top:0;z-index:20}.event-nav strong{font-size:18px;font-weight:700}.nav-icon{align-items:center;background:transparent;color:#111827;display:inline-flex;font-size:38px;height:48px;justify-content:center;line-height:1;min-height:48px;padding:0}.event-sky{background:radial-gradient(circle at 12% 28%,rgba(255,255,255,.9) 0 22px,transparent 24px),radial-gradient(circle at 92% 38%,rgba(255,255,255,.9) 0 28px,transparent 30px),radial-gradient(circle at 80% 10%,rgba(255,238,151,.7) 0 36px,transparent 68px),linear-gradient(180deg,#55b6ff,#9bdcff 44%,#e9fbff 71%,#fff5ec);min-height:calc(100vh - 54px);overflow:hidden;padding:14px 14px 24px;position:relative}.event-sky:before,.event-sky:after{background:#fffc;border-radius:999px;content:"";height:70px;position:absolute;width:190px;z-index:0}.event-sky:before{bottom:64px;left:-46px}.event-sky:after{bottom:20px;right:-64px}.pill-row{display:grid;gap:8px;grid-template-columns:1.2fr 1fr 1fr;margin-bottom:14px;position:relative;z-index:3}.soft-pill{align-items:center;border-radius:999px;display:flex;font-size:13px;font-weight:700;justify-content:center;min-height:32px;padding:0 10px;white-space:nowrap}.back-pill{background:#ffffff47;color:#eef8ff}.blue-pill{background:linear-gradient(180deg,#438de7,#286bd4);box-shadow:inset 0 2px #ffffff40;color:#fff}.float-actions{display:grid;gap:8px;position:absolute;right:0;top:282px;z-index:12}.float-actions button{background:linear-gradient(180deg,#fff4c7,#ffd57b);border:2px solid rgba(211,125,22,.42);border-radius:16px 0 0 16px;box-shadow:0 4px 10px #cc5b0d2e;color:#b66b1c;font-size:13px;font-weight:800;min-height:52px;padding:6px 8px}.hero-title{margin:14px auto 8px;max-width:340px;position:relative;text-align:center;z-index:4}.hero-title span{color:#fffdf4;display:block;font-size:44px;font-weight:900;letter-spacing:0;line-height:1;text-shadow:0 4px 0 #ff8f2b,0 7px 0 #df5d12,0 12px 18px rgba(180,75,6,.34)}.hero-title small{background:linear-gradient(180deg,#fff1b8,#ffc566);border-radius:999px;box-shadow:0 4px #d6711459;color:#c76a17;display:inline-flex;font-size:14px;font-weight:800;margin-top:6px;padding:7px 24px}.winner-ticker{align-items:center;background:#fffdf5;border:2px solid #ffb43c;border-radius:12px;box-shadow:0 4px #e7701433;display:flex;gap:8px;margin:0 auto 8px;max-width:330px;min-height:38px;overflow:hidden;padding:0 14px;position:relative;z-index:5}.winner-ticker span{color:#b9702f;flex:0 0 auto;font-weight:800}.winner-ticker strong{color:#a48676;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar,.room-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.topbar h1{font-size:28px;line-height:1.1;margin:2px 0 0}.topbar.compact h1{font-size:20px}.eyebrow{color:#64748b;font-size:12px;letter-spacing:0;margin:0;text-transform:uppercase}.wallet,.status-strip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px}.wallet span,.status-strip span{color:#6b7280;display:block;font-size:12px}.wallet strong,.status-strip strong{display:block;font-size:22px;margin-top:2px}.machine-list{display:grid;gap:12px}.machine-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.machine-card img{aspect-ratio:16 / 10;background:#e0f2fe;display:block;object-fit:cover;width:100%}.machine-meta{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px}.machine-meta h2{font-size:18px;margin:0 0 4px}.machine-meta p{color:#6b7280;font-size:13px;margin:0}.play-button{align-items:center;display:inline-flex;flex:0 0 auto}.controls{align-items:center;display:grid;gap:10px;justify-items:center}.controls div{display:grid;gap:10px;grid-template-columns:repeat(3,72px)}.controls button{height:56px;width:72px}.controls .drop{background:#f59e0b}.arcade-cabinet{aspect-ratio:.77;background:linear-gradient(180deg,#ffcf75,#ff8e31 13%,#ff7a23);border:0;border-radius:34px 34px 18px 18px;box-shadow:inset 0 0 0 5px #fff4b5a6,0 14px 24px #b44b063d;margin:0 auto;max-width:360px;overflow:hidden;position:relative;z-index:3}.arcade-cabinet:before,.arcade-cabinet:after{background:linear-gradient(180deg,#ffcf75,#ff7a23);border-radius:999px;content:"";height:60%;position:absolute;top:18%;width:34px;z-index:0}.arcade-cabinet:before{left:-10px}.arcade-cabinet:after{right:-10px}.awning{display:grid;grid-template-columns:repeat(8,1fr);height:42px;left:8%;overflow:hidden;position:absolute;right:8%;top:0;z-index:8}.awning span{background:#fff6e3;border-radius:0 0 12px 12px}.awning span:nth-child(odd){background:#ff9745}.rail{background:#ffa9388c;border-radius:999px;height:10px;left:19%;position:absolute;right:19%;top:16%;z-index:5}.rail-depth{background:radial-gradient(circle,#ffffffe6,#ffb33c1a);border:2px solid rgba(255,247,206,.8);border-radius:999px;height:18px;opacity:.9;position:absolute;transform:translate(-50%,-50%);transition:left .18s ease,top .18s ease;width:18px}.claw-rig{height:100%;position:absolute;top:0;transform:translate(-50%,var(--claw-depth-y)) scale(var(--claw-scale));transform-origin:50% 18%;transition:left .18s ease;width:76px;z-index:9}.depth-shadow{background:radial-gradient(ellipse,#92400e47,#92400e00);height:28px;left:50%;opacity:.75;position:absolute;top:calc(var(--claw-y) + 18%);transform:translate(-50%) scaleX(1.25);transition:top 1.15s cubic-bezier(.2,.8,.2,1);width:78px}.cable{background:linear-gradient(180deg,#f7b25f,#de7a23);border-radius:999px;height:var(--cable-length);left:50%;position:absolute;top:16%;transform:translate(-50%);transition:height 1.15s cubic-bezier(.2,.8,.2,1);width:4px}.claw-head{height:52px;left:50%;position:absolute;top:var(--claw-y);transform:translate(-50%,-8px);transition:top 1.15s cubic-bezier(.2,.8,.2,1);width:72px}.phase-grabbing .claw-head,.phase-grabbing .caught-prize{transform:translate(-50%,-8px) rotate(-7deg)}.claw-head:before{background:linear-gradient(180deg,#ffd58a,#ff9f33);border:3px solid #e98022;border-radius:8px;content:"";height:18px;left:50%;position:absolute;top:0;transform:translate(-50%);width:28px}.claw-head i,.claw-head b{border-bottom:5px solid #e9a053;border-left:5px solid #e9a053;display:block;height:34px;position:absolute;top:16px;transition:transform .26s ease;width:24px}.claw-head i{left:12px;transform:rotate(-35deg)}.claw-head b{right:12px;transform:scaleX(-1) rotate(-35deg)}.claw-head.closed i{transform:rotate(-12deg) translate(8px)}.claw-head.closed b{transform:scaleX(-1) rotate(-12deg) translate(8px)}.caught-prize{align-items:center;border:4px solid rgba(255,255,255,.65);border-radius:12px;box-shadow:0 8px 14px #c2480a38;display:flex;color:#fff;font-size:17px;font-weight:800;height:42px;justify-content:center;left:50%;position:absolute;top:calc(var(--claw-y) + 7%);transform:translate(-50%) rotate(-5deg);transition:top 1.15s cubic-bezier(.2,.8,.2,1),opacity .2s ease;width:42px}.glass{background:linear-gradient(180deg,#ff927785,#ffbe9b47);border:6px solid #ffd383;border-radius:24px 24px 12px 12px;bottom:28%;box-shadow:inset 0 0 32px #ff594847;left:10%;overflow:hidden;position:absolute;right:10%;top:12%;z-index:2}.depth-floor{background:linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:28px 28px;bottom:5%;height:58%;left:8%;opacity:.45;position:absolute;right:8%;transform:perspective(260px) rotateX(58deg);transform-origin:50% 100%;z-index:1}.depth-floor span{border-top:1px solid rgba(255,255,255,.5);display:block;left:0;position:absolute;right:0}.depth-floor span:nth-child(1){bottom:10%}.depth-floor span:nth-child(2){bottom:28%}.depth-floor span:nth-child(3){bottom:46%}.depth-floor span:nth-child(4){bottom:64%}.depth-floor span:nth-child(5){bottom:82%}.glass:before{background:linear-gradient(110deg,#ffffffa6,#fff0);content:"";height:120%;left:16%;position:absolute;top:-10%;transform:rotate(12deg);width:20px;z-index:2}.prize-bin{top:0;right:0;bottom:0;left:0;position:absolute}.prize-toy{align-items:center;border:4px solid rgba(255,255,255,.58);border-radius:12px;box-shadow:0 8px #a34b1129;color:#fff;display:flex;font-size:16px;font-weight:800;justify-content:center;min-height:0;padding:0;position:absolute;transform:translate(-50%,-50%) rotate(var(--toy-tilt)) scale(var(--toy-scale));transform-origin:50% 78%;transition:transform .24s ease,opacity .24s ease;z-index:3}.prize-toy:before{box-shadow:0 var(--toy-shadow) 16px #8e411040}.gift-toy:after{background:#ffffff80;content:"";position:absolute}.gift-toy:before{background:#0000;border-radius:999px;bottom:-10px;height:100%;content:"";left:10%;position:absolute;right:10%;top:auto;z-index:-1}.gift-toy:after{height:8px;left:0;top:42%;width:100%}.gift-toy span:before{background:#ffffff80;content:"";height:180%;left:50%;position:absolute;top:-40%;transform:translate(-50%);width:8px;z-index:-1}.prize-toy span{position:relative;transform:translateY(-1px);z-index:2}.prize-toy.caught{opacity:0;transform:translate(-50%,-50%) scale(.4)}.prize-toy.pressed{filter:saturate(1.12) brightness(.98);transform:translate(-50%,-44%) rotate(calc(var(--toy-tilt) - 9deg)) scale(.96)}.limit-badge{align-items:center;background:#b35a14b3;border-radius:999px;bottom:10px;color:#fff;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;left:50%;position:absolute;transform:translate(-50%);width:160px;z-index:4}.game-controls{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px auto 0;max-width:320px;position:relative;z-index:4}.game-controls button{background:linear-gradient(180deg,#fff8d4,#ffbd39);border:2px solid #ff8d1a;box-shadow:0 4px #de6814;color:#b04c10;font-weight:900;width:100%}.machine-base{background:linear-gradient(180deg,#ffd983,#ff982f 62%,#f36c20);border-radius:24px 24px 14px 14px;bottom:0;box-shadow:inset 0 4px #ffffff73;height:29%;left:0;position:absolute;right:0;z-index:5}.draw-button{background:linear-gradient(180deg,#ffcd57,#ff7623);border:4px solid #fff0a9;border-radius:999px;box-shadow:0 6px #d95c18,inset 0 2px #ffffff85;color:#fff7d8;font-size:18px;font-weight:900;left:50%;min-height:50px;padding:0 22px;position:absolute;text-shadow:0 2px 0 rgba(172,78,10,.55);top:16px;transform:translate(-50%);white-space:nowrap;width:72%}.joystick{background:radial-gradient(circle at 36% 30%,#fff6db 0,#fff6db 18%,#ff8d24 20%,#ff8d24 62%,#da5c15 64%);border-radius:999px;box-shadow:inset 0 3px #ffffff8c;height:44px;position:absolute;top:20px;width:44px}.joystick.left{left:18px}.joystick.right{right:18px}.drawer{background:linear-gradient(180deg,#fff2d2,#ffd290);border-radius:999px;box-shadow:inset 0 -3px #b8560d2e;height:20px;left:50%;position:absolute;top:84px;transform:translate(-50%);width:110px}.prize-preview{align-items:center;background:linear-gradient(180deg,#ffba58,#ff8429);border:4px solid #ffd87e;border-radius:12px;box-shadow:0 5px #cb580d52;display:grid;gap:8px;grid-template-columns:46px repeat(4,minmax(0,1fr));margin:-54px auto 0;max-width:332px;padding:10px 10px 12px;position:relative;z-index:6}.preview-label{align-items:center;background:linear-gradient(180deg,#ffb54f,#ed7622);border-radius:10px;color:#fff5cf;display:flex;font-size:14px;font-weight:900;height:70px;justify-content:center;line-height:1.2;text-align:center}.preview-card{align-items:center;background:#fff8d9;border-radius:7px;color:#c56c18;display:flex;flex-direction:column;height:58px;justify-content:center;min-width:0}.preview-card strong{color:#ef8b21;font-size:14px;line-height:1}.preview-card span{font-size:11px;font-weight:800;margin-top:5px}.preview-card.hot{background:linear-gradient(180deg,#ff705f,#eb3b35);color:#fff}.preview-card.hot strong,.preview-card.hot span{color:#fff}.event-result{background:#fff8df;border:2px solid #ffac38;box-shadow:0 4px #dd660d38;margin:12px auto 0;max-width:330px;position:relative;z-index:6}.result-panel{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-top:14px;padding:14px}.result-panel strong{font-size:16px}button:disabled{cursor:not-allowed;opacity:.55}.strict-claw-page{background:#fff;color:#8f4b13;min-height:100vh;overflow-x:hidden}.strict-topbar{align-items:center;background:#fff;color:#111;display:grid;grid-template-columns:48px 1fr 48px;height:54px;padding:0 14px;position:relative;z-index:30}.strict-topbar strong{font-size:18px;font-weight:600;text-align:center}.strict-top-icon,.strict-close{align-items:center;background:transparent;color:#111;display:flex;font-size:38px;height:48px;justify-content:center;line-height:1;min-height:48px;padding:0}.strict-close{font-size:42px;font-weight:200}.strict-scene{background:radial-gradient(circle at 28% 12%,rgba(255,255,255,.85) 0 18px,transparent 54px),radial-gradient(circle at 86% 18%,rgba(255,236,116,.56) 0 28px,transparent 72px),linear-gradient(180deg,#59b8ff,#83d3ff 42%,#e3fbff 72%,#fff6ec);min-height:calc(100vh - 54px);overflow:hidden;padding:14px 12px 30px;position:relative}.strict-scene:before,.strict-scene:after{background:#ffffffd1;border-radius:999px;content:"";position:absolute;z-index:0}.strict-scene:before{bottom:78px;height:74px;left:-56px;width:210px}.strict-scene:after{bottom:14px;height:98px;right:-88px;width:250px}.strict-pills{display:grid;gap:8px;grid-template-columns:1.25fr 1fr 1fr;position:relative;z-index:8}.strict-pill{align-items:center;border-radius:999px;display:flex;font-size:13px;font-weight:700;height:34px;justify-content:center;overflow:hidden;padding:0 10px;white-space:nowrap}.strict-pill.ghost{background:#ffffff3d;color:#ffffffd1}.strict-pill.blue{background:linear-gradient(180deg,#458fed,#2566d1);box-shadow:inset 0 2px #ffffff3d;color:#d9eeff}.strict-pill i{border-bottom:5px solid transparent;border-left:7px solid #fff;border-top:5px solid transparent;display:inline-block;margin-left:8px}.strict-bubble{background:radial-gradient(circle at 40% 38%,rgba(255,240,122,.95) 0 10px,rgba(255,214,69,.95) 11px 16px,rgba(255,255,255,.2) 17px 38px,transparent 40px);border:1px solid rgba(255,255,255,.45);border-radius:999px;box-shadow:inset 0 0 12px #ffffff7a;height:58px;position:absolute;width:58px;z-index:2}.bubble-left{left:22px;top:258px}.bubble-right{right:24px;top:166px}.bubble-bottom{bottom:96px;right:36px}.strict-side-actions{display:grid;gap:9px;position:absolute;right:0;top:282px;z-index:20}.strict-side-actions button{background:linear-gradient(180deg,#fff7c9,#ffd470);border:2px solid rgba(228,139,36,.5);border-radius:16px 0 0 16px;box-shadow:0 4px 10px #c6641338;color:#be741e;font-size:13px;font-weight:900;line-height:1.15;min-height:54px;padding:5px 8px}.strict-title{margin:46px auto 8px;position:relative;text-align:center;z-index:8}.strict-title:before{background:radial-gradient(ellipse,#ffffced9,#ffffce00);content:"";height:122px;left:50%;position:absolute;top:-48px;transform:translate(-50%);width:310px;z-index:-1}.strict-title h1{color:#fff9dc;font-size:clamp(42px,11vw,54px);font-weight:1000;letter-spacing:0;line-height:.95;margin:0;text-shadow:-2px -2px 0 #fff4a6,2px 2px 0 #ff8c25,0 6px 0 #e85f13,0 11px 16px rgba(185,69,5,.38)}.strict-title p{background:linear-gradient(180deg,#fff0b2,#ffc868);border-radius:999px;box-shadow:0 4px #d0681240;color:#c76b18;display:inline-flex;font-size:14px;font-weight:900;margin:8px 0 0;padding:7px 30px}.strict-ticker{align-items:center;background:#fffdf7;border:2px solid #ffb037;border-radius:12px;box-shadow:0 4px #de670d2e;display:flex;gap:10px;height:38px;margin:0 auto -8px;max-width:314px;overflow:hidden;padding:0 14px;position:relative;z-index:12}.strict-ticker strong{color:#bf7432;flex:0 0 auto;font-size:14px}.strict-ticker span{color:#9e8f8a;flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strict-machine{height:474px;margin:0 auto;max-width:350px;position:relative;z-index:6}.machine-ear{background:linear-gradient(180deg,#ffd068,#ff7b23 72%,#ffb342);border-radius:999px;box-shadow:inset 0 0 0 5px #ffe87a59;height:286px;position:absolute;top:70px;width:47px;z-index:1}.machine-ear.left{left:6px}.machine-ear.right{right:6px}.strict-awning{display:grid;grid-template-columns:repeat(8,1fr);height:48px;left:48px;overflow:hidden;position:absolute;right:48px;top:20px;z-index:10}.strict-awning span{background:linear-gradient(180deg,#fff8eb,#ffe0b7);border-radius:0 0 13px 13px;box-shadow:inset 0 -3px #e5862c2e}.strict-awning span:nth-child(odd){background:linear-gradient(180deg,#ffb14c,#ff7530)}.strict-glass{background:linear-gradient(180deg,#ff8b7791,#ffb99447);border:7px solid #ffd070;border-radius:25px 25px 16px 16px;box-shadow:inset 0 0 38px #ff634947,inset 0 0 0 3px #fff3bf59;height:306px;left:42px;overflow:hidden;position:absolute;right:42px;top:54px;z-index:3}.glass-shine{background:linear-gradient(110deg,#ffffffa6,#fff0);height:130%;position:absolute;top:-18%;transform:rotate(12deg);width:22px;z-index:5}.glass-shine.one{left:18%}.glass-shine.two{right:17%;opacity:.5}.strict-claw{height:152px;left:34%;position:absolute;top:26px;width:90px;z-index:9}.strict-cable{background:linear-gradient(180deg,#f9be61,#e07f26);border-radius:999px;height:86px;left:50%;position:absolute;top:0;transform:translate(-50%);width:8px}.strict-cable:before{background:linear-gradient(180deg,#fff6bd,#ffbd42);border-radius:0 0 14px 14px;content:"";height:24px;left:50%;position:absolute;top:0;transform:translate(-50%);width:44px}.strict-hook{height:72px;left:50%;position:absolute;top:78px;transform:translate(-50%) rotate(-6deg);width:90px}.strict-hook:before{background:linear-gradient(180deg,#ffd97b,#ff9d31);border:4px solid #ef9640;border-radius:50% 50% 45% 45%;content:"";height:26px;left:50%;position:absolute;top:0;transform:translate(-50%);width:34px;z-index:3}.strict-hook i,.strict-hook b,.strict-hook em{border-bottom:6px solid #f3b062;border-left:6px solid #f3b062;display:block;height:42px;position:absolute;top:24px;width:26px}.strict-hook i{left:13px;transform:rotate(-34deg)}.strict-hook b{right:13px;transform:scaleX(-1) rotate(-34deg)}.strict-hook em{left:32px;transform:rotate(38deg) scale(.72)}.strict-prize-pile{bottom:26px;height:126px;left:7px;position:absolute;right:7px;z-index:7}.gift{border:4px solid rgba(255,255,255,.55);border-radius:12px;box-shadow:0 8px #a94b0c29,0 10px 18px #ad460e24;height:62px;position:absolute;width:62px}.gift:before,.gift:after{background:#ffffff80;content:"";position:absolute}.gift:before{height:100%;left:42%;top:0;width:10px}.gift:after{height:10px;left:0;top:40%;width:100%}.gift span{background:inherit;border:4px solid rgba(255,255,255,.55);border-bottom:0;border-radius:18px 18px 4px 4px;height:24px;left:50%;position:absolute;top:-18px;transform:translate(-50%);width:48px}.gift.purple{background:linear-gradient(160deg,#8c65ff,#6e45de)}.gift.blue{background:linear-gradient(160deg,#86a8ff,#5a72ee)}.gift.pink{background:linear-gradient(160deg,#ffb4c9,#ff7da3)}.gift.rose{background:linear-gradient(160deg,#ffa4a9,#ff6975)}.gift.violet{background:linear-gradient(160deg,#b28cff,#7d62ff)}.gift.gold{background:linear-gradient(160deg,#ffcf64,#ff922d)}.gift.red{background:linear-gradient(160deg,#ff716d,#f04444)}.g1{bottom:26px;left:0;transform:rotate(-9deg) scale(.9);z-index:1}.g2{bottom:34px;left:38px;transform:rotate(8deg) scale(.92);z-index:2}.g3{bottom:45px;left:83px;transform:rotate(-6deg) scale(.86);z-index:3}.g4{bottom:36px;right:46px;transform:rotate(11deg) scale(.88);z-index:4}.g5{bottom:12px;left:28px;transform:rotate(-6deg) scale(1.12);z-index:6}.g6{bottom:8px;left:100px;transform:rotate(4deg) scale(1.2);z-index:7}.g7{bottom:9px;right:18px;transform:rotate(-8deg) scale(1.13);z-index:8}.strict-limit{align-items:center;background:#b65916b8;border-radius:999px;bottom:11px;color:#fffdf6;display:flex;font-size:13px;font-weight:900;height:28px;justify-content:center;left:50%;position:absolute;transform:translate(-50%);width:160px;z-index:12}.strict-control-deck{background:linear-gradient(180deg,#ffdc86,#ff9b31 56%,#ff7d27);border-radius:28px 28px 16px 16px;bottom:0;box-shadow:inset 0 5px #ffffff73;height:128px;left:0;position:absolute;right:0;z-index:9}.deck-knob{background:radial-gradient(circle at 38% 30%,#fff7d2 0,#fff7d2 20%,#ff9a2d 21%,#ff9a2d 64%,#d85a14 66%);border-radius:999px;box-shadow:inset 0 3px #ffffff8c;height:45px;position:absolute;top:18px;width:45px}.deck-knob.left{left:17px}.deck-knob.right{right:17px}.strict-draw-button{background:linear-gradient(180deg,#ffcc54,#ff7824);border:4px solid #fff1a4;border-radius:999px;box-shadow:0 6px #d65d19,inset 0 2px #ffffff80;color:#fff8d8;font-size:18px;font-weight:1000;left:50%;min-height:50px;padding:0 20px;position:absolute;text-shadow:0 2px 0 rgba(169,75,9,.55);top:18px;transform:translate(-50%);white-space:nowrap;width:72%}.deck-handle{background:linear-gradient(180deg,#fff2d2,#ffd394);border-radius:999px;box-shadow:inset 0 -3px #b152092b;height:20px;left:50%;position:absolute;top:82px;transform:translate(-50%);width:112px}.strict-prize-preview{align-items:center;background:linear-gradient(180deg,#ffb957,#ff8428);border:4px solid #ffd87e;border-radius:13px;box-shadow:0 5px #c452094d;display:grid;gap:7px;grid-template-columns:47px repeat(4,minmax(0,1fr));margin:-47px auto 0;max-width:330px;padding:10px 10px 12px;position:relative;z-index:12}.preview-title{align-items:center;background:linear-gradient(180deg,#ffb653,#ec7223);border-radius:11px;color:#fff5d2;display:flex;font-size:14px;font-weight:1000;height:72px;justify-content:center;line-height:1.2;text-align:center}.preview-item{align-items:center;background:#fff8db;border-radius:7px;color:#c86d19;display:flex;flex-direction:column;height:60px;justify-content:center;min-width:0;padding:5px 2px;text-align:center}.preview-item strong{color:#e77d1d;font-size:13px;line-height:1.05}.preview-item small{font-size:11px;font-weight:800;margin-top:3px}.preview-item.card{background:linear-gradient(180deg,#ff6f61,#ef403c);color:#fff}.preview-item.card strong,.preview-item.card small{color:#fff}.coin-badge,.bean{background:radial-gradient(circle at 35% 35%,#fff7c6 0,#fff7c6 22%,#ffd95a 24%,#ffd95a 62%,#efa11c 64%);border-radius:999px;display:block;height:24px;margin-bottom:3px;width:24px}.coin-badge:after{color:#d75c18;content:"★";display:block;font-size:12px;line-height:24px;text-align:center}.strict-ground{bottom:18px;height:120px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.strict-ground span{background:#64c48c6b;border-radius:999px;bottom:46px;height:18px;left:2px;position:absolute;width:74px}.strict-ground i{background:radial-gradient(circle at 35% 36%,#fff8a5 0 14%,#f7cf33 16% 48%,transparent 50%);bottom:20px;height:78px;position:absolute;right:34px;width:92px}.three-game-page{background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.8) 0 46px,transparent 96px),linear-gradient(180deg,#268ff2,#73cfff 53%,#dff7ff 74%,#c7efc0);color:#fff;height:100vh;min-height:100vh;overflow:hidden;position:relative}.three-sky-decor{top:54px;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0}.three-sky-decor .cloud{background:#ffffffc7;border-radius:999px;filter:blur(.2px);height:54px;position:absolute;width:156px}.three-sky-decor .cloud:before,.three-sky-decor .cloud:after{background:inherit;border-radius:inherit;content:"";height:70px;position:absolute;top:-28px;width:78px}.three-sky-decor .cloud:before{left:24px}.three-sky-decor .cloud:after{right:18px}.three-sky-decor .c1{left:-50px;top:245px}.three-sky-decor .c2{right:-66px;top:370px}.three-sky-decor .balloon{background:radial-gradient(circle at 34% 28%,#fff1dc 0,#fff1dc 8%,#ff876f 24%,#ff876f 68%,#e8584c);border-radius:50% 50% 46% 46%;box-shadow:inset -8px -12px 18px #b132223d;height:72px;position:absolute;width:56px}.three-sky-decor .balloon:after{background:#99514052;content:"";height:62px;left:29px;position:absolute;top:68px;transform:rotate(-12deg);width:1px}.three-sky-decor .balloon.left{left:-12px;top:48px}.three-sky-decor .balloon.right{background:radial-gradient(circle at 34% 28%,#fff 0,#fff 8%,#ff97b8 24%,#ff97b8 68%,#ef5c91);right:16px;top:292px;transform:scale(.55)}.three-sky-decor .star{background:#fff38a;clip-path:polygon(50% 0,62% 34%,98% 35%,69% 56%,79% 91%,50% 70%,21% 91%,31% 56%,2% 35%,38% 34%);filter:drop-shadow(0 2px 6px rgba(236,151,31,.35));height:28px;position:absolute;width:28px}.three-sky-decor .s1{left:116px;top:86px}.three-sky-decor .s2{right:90px;top:72px}.three-game-canvas,.three-claw-host{height:100%;position:relative;width:100%}.three-claw-host canvas{display:block;height:100%;width:100%}.three-hud-top{align-items:center;background:#fffffffa;color:#392a27;display:grid;grid-template-columns:48px 1fr 48px;height:56px;left:0;padding:0 14px;position:absolute;right:0;text-align:center;top:0;z-index:20}.three-hud-top strong{font-size:22px;font-weight:900}.three-icon{align-items:center;background:transparent;color:#392a27;display:flex;font-size:38px;height:48px;justify-content:center;min-height:48px;padding:0}.three-icon.close{font-size:42px;font-weight:200}.three-title-card{left:12px;position:absolute;right:12px;top:70px;z-index:12}.three-pills{display:grid;gap:10px;grid-template-columns:1.25fr 1fr 1fr;margin:0 auto;max-width:420px}.three-pills .strict-pill{border:1.5px solid rgba(255,255,255,.74);box-shadow:inset 0 1px #ffffff61,0 3px 8px #1f5cb338;font-size:14px;min-height:34px}.three-pills .blue{background:linear-gradient(180deg,#2f9df4,#176bdc);border-color:#fff1a6}.three-pills .ghost{background:#ffffff38;color:#fff}.three-pills .bean,.three-prize-preview .bean{display:inline-block;height:22px;margin:0 0 0 6px;transform:rotate(-23deg);vertical-align:middle;width:17px}.three-pills .pill-star{background:#ffe55f;clip-path:polygon(50% 0,62% 34%,98% 35%,69% 56%,79% 91%,50% 70%,21% 91%,31% 56%,2% 35%,38% 34%);display:inline-block;height:21px;margin-left:6px;vertical-align:middle;width:21px}.three-logo-wrap{margin:18px auto 8px;max-width:390px;position:relative;text-align:center}.three-logo-wrap:before,.three-logo-wrap:after{background:linear-gradient(90deg,#ff7a2e,#ffd15a);border-radius:999px;content:"";height:24px;position:absolute;top:44px;width:84px;z-index:-1}.three-logo-wrap:before{left:8px;transform:rotate(-24deg)}.three-logo-wrap:after{right:8px;transform:rotate(24deg)}.three-title-card h1{color:#fff7c9;font-size:clamp(42px,12vw,68px);font-weight:1000;line-height:.95;margin:0;text-align:center;text-shadow:-3px -3px 0 #fff4a5,3px -3px 0 #fff4a5,-3px 3px 0 #fff4a5,3px 3px 0 #fff4a5,0 5px 0 #ff8f25,0 10px 0 #de5b13,0 15px 18px rgba(120,45,5,.32)}.three-title-card p{background:linear-gradient(180deg,#fff1b1,#ffc45c);border-radius:999px;box-shadow:0 4px #c85e0c40,inset 0 1px #ffffff8c;color:#d76017;font-size:17px;font-weight:900;margin:6px auto 10px;padding:6px 28px;text-align:center;width:fit-content}.three-ticker{align-items:center;background:#fffdf7f5;border:2px solid #ffb037;border-radius:17px;box-shadow:0 4px #de670d2e;color:#c65b1c;display:flex;gap:8px;height:44px;margin:0 auto;max-width:360px;overflow:hidden;padding:0 14px}.three-ticker strong{color:#f47718;flex:0 0 auto;font-size:14px}.three-ticker span{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.three-side-actions{display:grid;gap:22px;position:absolute;right:8px;top:316px;z-index:16}.three-side-actions button{align-items:center;background:linear-gradient(180deg,#ffcf5c,#ff7f22);border:3px solid #ffe49a;border-radius:14px;box-shadow:0 5px #d95d12,0 8px 12px #88350538,inset 0 2px #ffffff6b;color:#fff7dc;display:grid;font-size:16px;font-weight:900;gap:2px;height:72px;justify-items:center;line-height:1;min-height:72px;padding:8px 9px;text-shadow:0 2px 0 rgba(176,67,9,.55);width:58px}.three-side-actions i{background:#fffffff2;border-radius:4px;box-shadow:inset 0 -2px #d96f1438;display:block;height:22px;position:relative;width:22px}.three-side-actions i:before,.three-side-actions i:after{background:#f17b20;border-radius:999px;content:"";height:3px;left:5px;position:absolute;top:7px;width:12px}.three-side-actions i:after{top:13px}.three-machine{background:linear-gradient(180deg,#ffb43d,#ff8b24 55%,#ef6419);border:3px solid rgba(255,238,167,.92);border-bottom:0;border-radius:34px 34px 0 0;bottom:0;box-shadow:inset 0 5px #ffffff5c,inset 0 -8px #ca460c38,0 -8px 22px #93460c2e;left:50%;max-width:460px;padding:74px 14px max(16px,env(safe-area-inset-bottom));position:absolute;transform:translate(-50%);width:min(100%,460px);z-index:10}.three-awning{background:repeating-linear-gradient(90deg,#ffe5ac 0,#ffe5ac 32px,#ffe5ac 32px,#ffe5ac 58px,#ff7f35 58px,#ff7f35 88px,#ff7f35 88px,#ff7f35 116px),linear-gradient(180deg,#fff2bd,#ffb04e);border:3px solid #ffe49b;border-radius:22px 22px 14px 14px;box-shadow:0 7px #dc6b16,inset 0 3px #ffffff61;height:58px;left:15px;position:absolute;right:15px;top:18px;z-index:2}.three-bulbs{display:grid;gap:10px;grid-template-columns:repeat(11,1fr);left:36px;position:absolute;right:36px;top:82px;z-index:3}.three-bulbs span{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#fff 0,#fff,#fff27b 36%,#fff27b 62%,#f2a41a);border-radius:50%;box-shadow:0 0 9px #ffef70c7}.three-window{background:linear-gradient(180deg,#ffb75b59,#ff80252e);border:5px solid #ffbd57;border-radius:28px;box-shadow:inset 0 0 0 3px #fff5cd73,inset 0 -18px 26px #e0601138,0 8px #e36b17;height:min(49vh,430px);min-height:320px;overflow:hidden;position:relative;z-index:4}.glass-shine{background:linear-gradient(115deg,transparent 0 10%,rgba(255,255,255,.34) 11% 16%,transparent 17% 66%,rgba(255,255,255,.24) 67% 72%,transparent 73%),linear-gradient(90deg,rgba(255,255,255,.22),transparent 24%,transparent 76%,rgba(255,255,255,.2));top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:4}.draw-limit{background:#ff6f1dd1;border-radius:0 16px 16px 0;bottom:20px;box-shadow:inset 0 1px #ffffff59;color:#fff6dc;font-size:16px;font-weight:900;left:0;padding:9px 18px;position:absolute;text-shadow:0 2px 0 rgba(170,70,9,.5);z-index:5}.three-result{background:#ff6f1dc7;border-radius:999px;color:#fff9d5;font-size:14px;font-weight:900;left:50%;margin:0;max-width:330px;min-height:30px;padding:6px 12px;position:absolute;right:12px;text-align:center;top:56px;transform:translate(-50%);width:78%;z-index:5}.three-control-deck{align-items:center;background:linear-gradient(180deg,#fff0b8,#ffd676 72%,#ffa42e);border-radius:24px;box-shadow:inset 0 3px #ffffff8f,0 7px #d75f13;display:grid;gap:10px;grid-template-columns:54px minmax(0,1fr) 54px;margin:12px 0 18px;padding:14px 14px 16px;position:relative}.three-depth-controls{display:flex;gap:6px;left:50%;position:absolute;top:-16px;transform:translate(-50%);z-index:2}.three-depth-controls button{background:linear-gradient(180deg,#fff7d0,#ffca54);border:2px solid #f28a1e;border-radius:999px;box-shadow:0 2px #cb5b12;color:#b04c10;font-size:12px;font-weight:1000;min-height:29px;padding:0 6px}.joystick{background:radial-gradient(circle at 50% 20%,#ffb143 0 16%,#f57421 17% 42%,transparent 43%),radial-gradient(circle at 50% 78%,#4a4a4a 0 12%,#c9c9c9 13% 28%,#f5f5f5 29% 38%,transparent 39%);border-radius:50%;box-shadow:none;height:66px;min-height:66px;padding:0;position:relative;width:54px}.joystick.left{grid-column:1}.joystick.right{grid-column:3}.joystick:after{background:#5d5d5d;border-radius:999px;bottom:19px;content:"";height:20px;left:25px;position:absolute;width:4px}.three-drop{background:linear-gradient(180deg,#ffb641,#ff7b22 52%,#f05d13);border:4px solid #fff0a5;border-radius:18px;box-shadow:0 6px #c94f10,inset 0 3px #ffffff5c;color:#fff8d8;font-size:clamp(17px,4.8vw,23px);font-weight:1000;grid-column:2;line-height:1.15;min-height:62px;padding:0 10px;text-shadow:0 2px 0 rgba(169,75,9,.55)}.three-prize-preview{align-items:center;background:linear-gradient(180deg,#ffbf54,#ff8c26);border:3px solid rgba(255,232,143,.88);border-radius:18px;box-shadow:inset 0 3px #ffffff59;display:grid;gap:6px;grid-template-columns:54px repeat(5,minmax(0,1fr));margin-top:0;padding:10px}.three-prize-preview span,.three-prize-preview b{align-items:center;background:linear-gradient(180deg,#fffdf4,#ffe8bd);border:2px solid rgba(255,255,255,.82);border-radius:9px;box-shadow:0 3px #b54d0e2e;color:#9d4c1a;display:flex;flex-direction:column;font-size:clamp(10px,3.1vw,13px);font-weight:900;height:76px;justify-content:center;line-height:1.1;min-width:0;text-align:center}.three-prize-preview span{background:linear-gradient(180deg,#ffb653,#ec7223);border-radius:14px;color:#fff5d2;font-size:18px;height:86px;line-height:1.25;writing-mode:vertical-rl}.three-prize-preview .hot{background:linear-gradient(180deg,#ff6f61,#ef403c);color:#fff;font-size:clamp(14px,4.3vw,18px)}.three-prize-preview .coin{background:radial-gradient(circle at 50% 50%,#fff8ac 0,#fff8ac 22%,#ffce45 23%,#ffce45 58%,#df781d 60%);border-radius:50%;display:block;height:30px;margin-bottom:5px;width:30px}.three-prize-preview .coin:after{color:#fff;content:"★";display:block;font-size:18px;line-height:30px;text-align:center;text-shadow:0 1px 0 #d15b17}.three-prize-preview .gift{background:linear-gradient(90deg,transparent 0 38%,#ffd476 39% 58%,transparent 59%),linear-gradient(180deg,transparent 0 42%,#ffd476 43% 58%,transparent 59%),linear-gradient(180deg,#ff6946,#df332b);border-radius:5px;display:block;height:30px;margin-bottom:5px;width:30px}@media (max-height: 760px){.three-title-card{top:62px}.three-logo-wrap{margin-top:10px}.three-title-card h1{font-size:39px}.three-title-card p{font-size:13px;padding:5px 18px}.three-ticker{height:36px}.three-machine{padding-top:58px}.three-awning{height:46px;top:12px}.three-bulbs{top:66px}.three-window{height:min(43vh,330px);min-height:250px}.three-control-deck{grid-template-columns:48px minmax(0,1fr) 48px;margin:8px 0 10px;padding:10px 12px 12px}.three-depth-controls{top:-14px}.joystick{height:58px;min-height:58px;width:48px}.three-drop{font-size:17px;min-height:56px}.three-prize-preview b{height:58px;font-size:10px}.three-prize-preview span{height:66px;font-size:15px}}@media (min-width: 700px){.three-machine{max-width:520px;width:520px}.three-window{height:min(52vh,480px)}.three-side-actions{left:calc(50% + 220px);right:auto}}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;text-align:center}.empty-state p{color:#6b7280;margin-bottom:0}.frame-game-page{align-items:center;background:#8ed7ff;display:flex;height:100dvh;justify-content:center;overflow:hidden;position:relative}.frame-stage{aspect-ratio:977 / 1610;flex:0 0 auto;height:100dvh;min-width:100vw;overflow:hidden;position:relative}.frame-entry-loading{align-items:center;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.16),transparent 32%),#2897e1b8;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:80}.frame-entry-loading-card{align-items:center;background:linear-gradient(180deg,#fffdf5f5,#ffeccbf5);border:3px solid rgba(255,151,38,.85);border-radius:18px;box-shadow:0 14px 28px #9d480047,inset 0 2px #ffffffd1;color:#a64d0d;display:flex;flex-direction:column;gap:8px;min-width:190px;padding:18px 24px;text-align:center}.frame-entry-loading-card strong{font-size:18px;line-height:1.2}.frame-entry-loading-card small{color:#ca6a19;font-size:13px;line-height:1.2}.frame-entry-spinner{animation:frameEntrySpin .8s linear infinite;border:4px solid rgba(255,162,50,.24);border-top-color:#ff7a18;border-radius:999px;display:block;height:34px;width:34px}@keyframes frameEntrySpin{to{transform:rotate(360deg)}}.frame-art{display:block;height:100%;left:50%;max-width:none;position:absolute;top:0;transform:translate(-50%);-webkit-user-select:none;user-select:none;width:auto;z-index:1}.frame-art-top{pointer-events:none;z-index:8}.frame-art-bottom{pointer-events:none;z-index:1}.frame-logo{height:auto;left:50%;pointer-events:none;position:absolute;top:1.6%;transform:translate(-50%);-webkit-user-select:none;user-select:none;width:46%;z-index:6}.frame-joysticks-art{pointer-events:none;z-index:9}.frame-draw-limit-art{align-items:center;background:linear-gradient(180deg,#ff8f23f0,#ff6610f5);border-radius:0 0 19px 16px;box-shadow:inset 0 2px #ffd36f8c,inset 0 -8px 18px #d2420029;color:#fff;display:flex;font-size:clamp(14px,2.15vw,14px);font-weight:700;height:5.7%;justify-content:center;left:10.7%;letter-spacing:0;line-height:1;max-width:none;pointer-events:none;position:absolute;text-align:center;text-shadow:0 2px 0 rgba(171,70,8,.38);top:65%;-webkit-user-select:none;user-select:none;width:75.8%;z-index:10}.frame-side-button-art{height:auto;left:77.5%;max-width:none;pointer-events:none;position:absolute;width:15.2%;z-index:9}.frame-side-button-art.rules{top:34.19%}.frame-side-button-art.records{top:42.8%}.frame-side-button-art.rank{left:78.4%;top:52.16%;width:13.4%}.frame-preview-slots{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:11}.frame-preview-slot-image{height:11.7%;object-fit:contain;position:absolute;top:92.2%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:14.1%}.frame-preview-slot-image.slot-1{left:23.9%}.frame-preview-slot-image.slot-2{left:39%}.frame-preview-slot-image.slot-3{left:69%}.frame-preview-slot-image.slot-4{left:84%}.frame-window{border-radius:0;height:calc(35.35% + 18px);left:calc(8.9% + 10px);overflow:visible;position:absolute;top:calc(31.15% + 28px);width:calc(80.1% - 25px);z-index:7}.frame-window .three-claw-host{height:100%;transform:none;width:100%}.frame-result,.frame-draw-limit,.frame-stat-pill,.frame-ticker{color:#fff;font-weight:900;pointer-events:none;position:absolute;text-align:center;text-shadow:0 2px 0 rgba(170,72,10,.58);z-index:12}.frame-result{background:#ff6f1ddb;border-radius:999px;font-size:clamp(13px,3.8vw,18px);left:50%;padding:.7% 4%;top:34.1%;transform:translate(-50%);width:58%}.frame-draw-limit{background:#ff6518db;border-radius:0 999px 999px 0;bottom:28%;font-size:clamp(15px,4.6vw,24px);left:7%;padding:1.2% 4%}.frame-stat-pill{align-items:center;background:linear-gradient(180deg,#2689f3fa,#0e5fd2fa 55%,#0442a8fa);border:2px solid rgba(255,255,255,.95);border-radius:999px;box-shadow:inset 0 1px #ffffff94,inset 0 -10px 18px #02379052,0 0 0 2px #ffe035db,0 4px 10px #004cb438;color:#fff;display:flex;font-size:clamp(10px,1.55vw,14px);height:3.9%;justify-content:center;line-height:1.05;overflow:hidden;padding:0;position:absolute;text-align:center;text-shadow:0 2px 0 rgba(20,83,160,.46);white-space:nowrap;width:18.4%;z-index:20}.frame-stat-pill span{left:7%;position:absolute;right:22%;top:50%;transform:translateY(-50%)}.frame-stat-pill i{background:radial-gradient(circle at 38% 26%,rgba(255,255,255,.96) 0 9%,transparent 10%),radial-gradient(circle at 58% 66%,#f7b21b 0,#f7b21b 19%,#ffd86d 20%,#ffd86d 43%,#efa411 44%,#efa411);border-radius:54% 46% 58% 42%;box-shadow:inset -2px -4px 6px #ae600038,0 2px 3px #502a002e;height:60%;position:absolute;right:9%;top:18%;transform:rotate(-24deg);width:13%}.frame-balance{right:36%;top:1.82%;width:30%}.frame-growth{right:3%;top:1.84%;width:30%}.frame-growth i{background:linear-gradient(180deg,#fff8a8,#ffd138 48%,#ff9814);clip-path:polygon(50% 0%,61% 34%,97% 34%,68% 54%,79% 91%,50% 69%,21% 91%,32% 54%,3% 34%,39% 34%);border-radius:0;filter:drop-shadow(0 2px 1px rgba(143,67,0,.22));transform:none}.frame-ticker{align-items:center;color:#f60;display:flex;font-size:clamp(14px,2vw,14px);font-weight:700;height:2.6%;left:21%;line-height:1;overflow:hidden;text-align:left;text-shadow:none;top:19.8%;white-space:nowrap;width:60%;text-align:center;z-index:20}.frame-ticker span{display:block;overflow:hidden;text-overflow:ellipsis;width:100%}.ticker-slide-enter-active,.ticker-slide-leave-active{transition:opacity .34s ease,transform .34s ease}.ticker-slide-enter-from{opacity:0;transform:translateY(120%)}.ticker-slide-leave-to{opacity:0;transform:translateY(-120%)}.claw-modal{align-items:center;background:#00000061;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:30}.claw-modal-card{background:#fffaf0;border:3px solid #ffb23f;border-radius:18px;box-shadow:0 16px 40px #85380047;color:#8a3e10;display:flex;flex-direction:column;height:64%;padding:18px;position:relative;width:76%}.claw-modal-card h3{font-size:clamp(18px,5vw,26px);margin:0 0 12px;text-align:center}.claw-modal-close{background:#ff7a1a;border-radius:999px;color:#fff;font-size:22px;height:34px;min-height:34px;padding:0;position:absolute;right:-10px;top:-12px;width:34px}.claw-modal-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.claw-rule-item img{border-radius:10px;display:block;margin-bottom:10px;max-width:100%}.claw-rule-item h4{margin:8px 0}.claw-list-row{align-items:center;border-bottom:1px solid rgba(255,157,43,.24);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.claw-record-tabs{background:#ff881829;border:1px solid rgba(255,132,24,.46);border-radius:14px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px;padding:4px}.claw-record-tabs button{align-items:center;background:linear-gradient(180deg,#ffcf76,#ff8e25);border:0;border-radius:999px;color:#fff;display:flex;font-size:14px;font-weight:900;justify-content:center;min-height:32px;min-width:0;padding:0 10px;text-align:center;text-shadow:0 1px 2px rgba(154,66,0,.32);width:100%}.claw-record-tabs button.active{background:linear-gradient(180deg,#ffb142,#ff6d1f);box-shadow:inset 0 1px #ffffffbf,0 2px 6px #be53072e;color:#fff;text-shadow:0 1px 2px rgba(154,66,0,.35)}.claw-rank-row{gap:10px}.claw-rank-user{align-items:center;display:flex;gap:8px;min-width:0}.claw-rank-no{color:#c35c18;flex:0 0 auto;font-size:13px;font-weight:800}.claw-rank-avatar{border:2px solid rgba(255,215,135,.96);border-radius:50%;box-shadow:0 3px 8px #bf52002e;flex:0 0 auto;height:34px;object-fit:cover;width:34px}.claw-rank-avatar.fallback{background:#fff3cf;object-position:center 42%;padding:0}.claw-rank-name{color:#7e3a12;display:block;font-weight:800;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claw-invite-row{align-items:center}.claw-invite-user{display:grid;gap:2px;min-width:0}.claw-invite-user strong{color:#7e3a12;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claw-invite-user span{color:#bb7a3d;font-size:12px}.claw-point-summary{background:linear-gradient(180deg,#fff8def5,#ffdb8cd1);border:1px solid rgba(255,169,54,.36);border-radius:999px;color:#bf5b11;font-size:15px;font-weight:900;margin:2px 0 10px;padding:8px 12px;text-align:center}.claw-goods-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.claw-goods-card{background:#fffdf6;border:1px solid rgba(255,176,72,.38);border-radius:10px;box-shadow:0 4px 12px #b54e001f;overflow:hidden;padding:8px}.claw-goods-card img,.claw-goods-image-empty{aspect-ratio:1.36 / 1;background:linear-gradient(180deg,#fff4d5,#ffd389);border-radius:8px;color:#d76d16;display:block;font-weight:900;object-fit:cover;width:100%}.claw-goods-image-empty{align-items:center;display:flex;justify-content:center}.claw-goods-card h4{color:#7e3a12;font-size:13px;line-height:1.35;margin:8px 0 4px;min-height:36px}.claw-goods-card p{color:#ec5f22;font-size:13px;margin:0}.claw-goods-card p strong{font-size:18px}.claw-goods-card small{color:#a56d3d;display:block;font-size:12px;margin:4px 0 8px}.claw-goods-card button,.claw-exchange-row button{background:linear-gradient(180deg,#ffb659,#ff5d25);border:0;border-radius:999px;box-shadow:inset 0 1px #ffffff73,0 3px 8px #c34f082e;color:#fff;font-size:13px;font-weight:900;min-height:30px;padding:0 12px;width:100%}.claw-goods-card button:disabled{opacity:.55}.claw-exchange-row{align-items:center;border-bottom:1px solid rgba(255,157,43,.24);display:grid;gap:10px;grid-template-columns:58px minmax(0,1fr) auto;padding:10px 0}.claw-exchange-row img{background:#fff3d1;border-radius:8px;height:58px;object-fit:cover;width:58px}.claw-exchange-main{display:grid;gap:3px;min-width:0}.claw-exchange-main strong{color:#7e3a12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claw-exchange-main span,.claw-exchange-main small{color:#a56d3d;font-size:12px}.claw-express-info{background:#ffeec48f;border:1px solid rgba(255,177,65,.28);border-radius:8px;display:grid;gap:2px;margin-top:3px;padding:6px 8px}.claw-express-info small{line-height:1.35;white-space:normal;word-break:break-all}.claw-exchange-row button{min-width:62px;width:auto}.claw-exchange-actions{display:grid;gap:6px;justify-self:end;min-width:70px}.claw-redeem-modal{z-index:42}.claw-share-guide{background:radial-gradient(circle at calc(100% - 34px) calc(env(safe-area-inset-top) + 26px),rgba(255,255,255,.2) 0 34px,transparent 35px),#0000009e;top:0;right:0;bottom:0;left:0;position:fixed;z-index:120}.claw-share-target{align-items:center;background:#fffffff5;border-radius:999px;box-shadow:0 6px 18px #0000002e;display:flex;gap:4px;height:34px;justify-content:center;position:absolute;right:max(12px,env(safe-area-inset-right));top:calc(env(safe-area-inset-top) + 10px);width:64px;z-index:124}.claw-share-target span{background:#333;border-radius:999px;height:5px;width:5px}.claw-share-arrow{filter:drop-shadow(0 5px 8px rgba(0,0,0,.22));height:100px;position:absolute;right:max(-8px,calc(env(safe-area-inset-right) + 30px));top:calc(env(safe-area-inset-top) + 46px);width:100px;z-index:123}.claw-share-arrow-line,.claw-share-arrow-head{fill:none;stroke:#ffde59;stroke-linecap:round;stroke-linejoin:round;stroke-width:18}.claw-share-arrow-head{stroke-width:20}.claw-share-guide-card{background:#fffaf0;border:3px solid #ffb23f;border-radius:18px;box-shadow:0 16px 40px #00000047;color:#8a3e10;left:50%;padding:18px;position:absolute;top:calc(env(safe-area-inset-top) + 174px);transform:translate(-50%);width:min(86vw,360px);z-index:122}.claw-share-guide-close{background:#ff7a1a;border-radius:999px;color:#fff;font-size:22px;height:34px;min-height:34px;padding:0;position:absolute;right:-10px;top:-12px;width:34px;z-index:125}.claw-share-guide-body{align-items:center;display:grid;gap:12px;justify-items:center;text-align:center}.claw-share-guide-body strong{color:#ef6320;font-size:clamp(22px,6vw,30px);font-weight:900}.claw-share-guide-body p{color:#8a3e10;font-size:16px;font-weight:800;line-height:1.55;margin:0}.claw-share-guide-body small{color:#a56d3d;font-size:13px}.claw-share-guide-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.claw-share-guide-actions button{background:linear-gradient(180deg,#ffbd62,#ff6b22);border:0;border-radius:999px;box-shadow:inset 0 1px #ffffff85,0 4px 10px #b549002e;color:#fff;font-size:14px;font-weight:900;min-height:38px;padding:0 14px}.claw-share-guide-actions button:first-child{background:linear-gradient(180deg,#fff3bf,#ffad36)}.claw-redeem-card{height:78%}.claw-redeem-body{display:grid;gap:12px}.claw-redeem-goods{align-items:center;background:linear-gradient(180deg,#fff8e7,#ffe1a1);border:1px solid rgba(255,174,62,.42);border-radius:12px;display:grid;gap:10px;grid-template-columns:72px minmax(0,1fr);padding:10px}.claw-redeem-goods img{background:#fff2cf;border-radius:10px;height:72px;object-fit:cover;width:72px}.claw-redeem-goods div{display:grid;gap:4px;min-width:0}.claw-redeem-goods strong{color:#7e3a12;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claw-redeem-goods span{color:#ef6320;font-size:14px;font-weight:900}.claw-redeem-goods small,.claw-redeem-tip{color:#a56d3d;font-size:13px}.claw-redeem-tip{margin:0;text-align:center}.claw-redeem-choice,.claw-redeem-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.claw-redeem-choice.single{grid-template-columns:minmax(128px,168px);justify-content:center}.claw-redeem-actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.claw-redeem-choice button,.claw-redeem-actions button{background:linear-gradient(180deg,#ffbd62,#ff6b22);border:0;border-radius:999px;box-shadow:inset 0 1px #ffffff85,0 4px 10px #b549002e;color:#fff;font-size:14px;font-weight:900;min-height:36px;padding:0 14px}.claw-redeem-actions button:first-child:not(:only-child){background:linear-gradient(180deg,#fff3bf,#ffad36)}.claw-redeem-actions button:disabled,.claw-redeem-choice button:disabled{opacity:.58}.claw-redeem-body label{color:#8a3e10;display:grid;font-size:13px;font-weight:900;gap:5px}.claw-redeem-body input,.claw-redeem-body textarea{background:#fffefa;border:1px solid rgba(255,169,54,.5);border-radius:10px;color:#7e3a12;font:inherit;outline:0;padding:9px 10px;resize:none}.claw-redeem-success{background:linear-gradient(180deg,#fff8d6,#ffb642);border-radius:999px;color:#fff;font-size:18px;font-weight:1000;padding:10px 14px;text-align:center;text-shadow:0 2px 0 rgba(173,69,0,.35)}.claw-redeem-body p{color:#8a3e10;margin:0;text-align:center}.frame-hotspot,.frame-control{background:transparent;border:0;color:transparent;min-height:0;padding:0;position:absolute;z-index:8}.frame-control:not(.drop){align-items:center;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.95) 0 13%,transparent 14%),linear-gradient(180deg,#fff0ad,#ffb53d 44%,#f36d12);border:2px solid rgba(255,244,185,.9);border-radius:999px;box-shadow:inset 0 2px #ffffffb8,inset 0 -4px #bc480557,0 4px #bf4a09,0 9px 16px #a23a0047;color:#fff8df;display:flex;font-size:clamp(12px,2.6vw,17px);font-weight:900;justify-content:center;line-height:1;text-shadow:0 2px 0 rgba(154,58,5,.48);touch-action:manipulation;width:28%;z-index:10}.frame-control:not(.drop):after{background:linear-gradient(180deg,#ffffff94,#fff0);border-radius:999px;content:"";height:32%;left:19%;pointer-events:none;position:absolute;top:10%;width:62%}.frame-control:not(.drop) span{display:block;transform:translateY(-5%)}.frame-hotspot.back{height:6%;left:2.5%;top:1.2%;width:11%}.frame-hotspot.close{height:6%;right:2.5%;top:1.2%;width:11%}.frame-hotspot.rules{height:7.2%;left:79.8%;top:35%;width:11.2%}.frame-hotspot.records{height:7.2%;left:79.8%;top:44%;width:11.2%}.frame-hotspot.rank{height:7.2%;left:79.5%;top:53%;width:11.2%}.frame-control-cluster{aspect-ratio:auto;background:transparent;border:0;box-shadow:none;left:50%;position:absolute;top:72.2%;transform:translate(-50%);width:38%;height:9%;z-index:10}.frame-control-cluster .frame-control{height:30%;inset:auto;position:absolute}.frame-control.drop{align-items:center;background:linear-gradient(180deg,#ffc354,#ff9227 48%,#ec5d13);border:2px solid #fff1ad;border-radius:999px;box-shadow:inset 0 2px #ffffffa6,inset 0 -3px #b53e0552,0 3px #c84b0c;color:#fff9df;display:flex;font-size:clamp(14px,4vw,16px);font-weight:900;justify-content:center;line-height:1;text-shadow:0 1px 0 rgba(148,53,4,.55);width:28%;z-index:10}.frame-control.drop span{display:block;white-space:nowrap}.frame-control.left{left:0;top:37.5%}.frame-control.right{left:72%;top:37.5%}.frame-control.drop{left:36%;top:37.5%}.frame-control.forward{left:36%;top:0}.frame-control.back-depth{left:36%;top:72%}.frame-control:disabled{cursor:default;filter:grayscale(.2);opacity:.62;transform:translateY(2px)}@media (min-aspect-ratio: 941 / 1580){.frame-stage{min-width:0}}