@charset "UTF-8";
:root{--ink:#704a36;--muted:#a98061;--pink:#f383a2;--darkpink:#c74c72;--cream:#fff5e5;--gold:#edc087;--wood:#96704f;--deep:#694328;--blue:#69b8de;--font:"Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.5 var(--font);background:#f2d7af;min-height:100vh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.46;filter:saturate(.35);transform:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #59aeb6;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:22px}h3{font-size:17px}p{line-height:1.7}button,a{color:inherit}.page-backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(#fff0cf12,#ffe4bb24),url('./assets/desert.webp') center top/cover no-repeat;pointer-events:none}.topbar{max-width:1580px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;font-size:12px}.topbar>div{display:flex;gap:8px}.topbar #connection{padding:7px 15px;border-radius:30px;background:#6d4631c9;color:#fff2d8;font-weight:700;box-shadow:0 3px 8px #67402f1c}.smallbtn{display:inline-flex;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:7px 12px;border:1px solid #f5d5b1;border-radius:14px;background:linear-gradient(#fff9ef,#f4e0ca);box-shadow:0 3px 0 #bb926d69,inset 0 1px 0 #fff;text-decoration:none;font-weight:750}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;border:2px solid #fff1d8;border-radius:19px;padding:12px 22px;font-weight:850;line-height:1.3;min-height:46px;box-shadow:inset 0 2px 0 #ffffff90,0 4px 0 #b953703b,0 7px 14px #89563b20;transition:transform .15s,filter .15s,box-shadow .15s}.primary{color:white;background:linear-gradient(160deg,#ffa9bd,#f584a0 48%,#e9668c);text-shadow:0 2px #b3566e66}.primary:hover:not(:disabled){filter:brightness(1.045);transform:translateY(-2px);box-shadow:inset 0 2px 0 #ffffff90,0 6px 0 #b953703b,0 9px 16px #89563b25}.secondary{background:linear-gradient(#fff7e9,#eed7b9);color:#7e593f}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(2px)}.cream{border:2px solid #fff1dc;border-radius:24px;background:linear-gradient(135deg,#fff9ee 0%,#faeedb 62%,#f4e0c4);box-shadow:inset 0 0 0 1px #e4c49d,0 6px 0 #bd89684d,0 12px 24px #7949271c}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:900;color:#b28461}.tiny{font-size:11px;color:#9a765c;line-height:1.65}.brand{position:relative;text-align:center;max-width:690px;margin:-25px auto -6px;pointer-events:none}.brand img{display:block;width:100%;max-height:196px;object-fit:contain;mix-blend-mode:multiply}.version{display:block;color:#94745b;font-size:9px;letter-spacing:3px;margin-top:-10px}.lobby-shell{max-width:1260px;width:calc(100% - 72px);margin:0 auto 25px;position:relative;border:3px solid #fff8e9;border-radius:24px;background:#fff3dc;box-shadow:0 8px 0 #be8b6480,0 20px 55px #75452546,inset 0 0 0 2px #e6c499}.tabs{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:0 16%;transform:translateY(-1px);background:#ecd3b1;border-radius:0 0 24px 24px;overflow:hidden;border:2px solid #fff7e5;border-top:none;box-shadow:0 3px 0 #c99d70}.tabs button{padding:15px 5px;border:0;border-right:1px solid #cdaa8555;background:linear-gradient(#f9e8d1,#ecd1af);font-size:16px;font-weight:850;white-space:nowrap}.tabs button.active{background:linear-gradient(160deg,#ffa3b9,#ed7998);color:#fff;text-shadow:0 2px #bd627244;box-shadow:inset 0 2px #fff9,inset 0 -4px #c65f7355}.lobby-grid{display:grid;grid-template-columns:1.02fr 1.04fr .8fr;gap:14px;padding:18px}.poster{border-radius:18px;overflow:hidden;position:relative;min-height:550px;background:#e0be91;box-shadow:inset 0 0 0 2px #fff6,0 4px 8px #9867453d}.poster>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:50% 38%}.poster-caption{position:absolute;left:0;bottom:0;width:100%;padding:35px 25px 22px;color:#fff6e2;background:linear-gradient(transparent,#58341aba 32%,#5f391fdd);text-shadow:0 2px 3px #683e2599}.poster-caption>span{font-size:9px;letter-spacing:2px;color:#ffe2b0}.poster-caption h2{font-size:29px;line-height:1.35;margin:10px 0}.poster-caption p{font-size:12px;color:#ffe4bf}.entry{padding:24px 23px;box-shadow:inset 0 0 0 1px #e4c49d,0 4px 0 #bd89682e;min-width:0}.entry h1{font-size:25px;letter-spacing:-.5px;line-height:1.4;margin:8px 0}.entry>p{color:#ac8366;font-size:12px;margin-bottom:20px}.entry label{display:block;font-size:12px;font-weight:750;margin:13px 0 0}.entry input,.entry select,.chat-panel input{width:100%;padding:11px 12px;color:#78523a;background:#fff9ef;border:1.5px solid #dbb794;border-radius:12px;box-shadow:inset 0 2px 4px #b88c6714;min-width:0;margin-top:5px}.entry input::placeholder{color:#b59984}.field-label{font-size:12px;font-weight:750;margin-top:15px}.avatar-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:8px 0 16px}.avatar-option{width:100%;aspect-ratio:.83;display:grid;place-items:center;position:relative;border:1px solid #e5c7a6;border-radius:11px;background:#fff9ed;box-shadow:0 3px 0 #ddbc923b;padding:2px}.avatar-option.active{border:2px solid #ee8da5;background:#ffe5ed;box-shadow:0 3px 0 #ca7b9144,0 0 0 2px #ffcfdb55}.avatar-option img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 1px #86543335)}.avatar-option i{position:absolute;bottom:-4px;right:-3px;font-size:10px;font-style:normal}.two-fields{display:grid;grid-template-columns:.82fr 1.18fr;gap:9px}.hero-btn{width:100%;font-size:22px;border-radius:40px;margin:23px 0 8px;min-height:58px}.status{min-height:1.4em!important;font-size:12px;color:#c44865!important;margin-bottom:8px!important}.features{padding:12px 15px 6px;box-shadow:inset 0 0 0 1px #e4c49d,0 4px 0 #bd89682e;position:relative;overflow:hidden}.wood-label{padding:8px 16px;background:linear-gradient(115deg,#b1855b,#8f633f);box-shadow:inset 0 1px 0 #fff5,inset 0 0 0 2px #bd986959,0 3px 0 #73503255;color:#fff4df;border:1px solid #d5b187;border-radius:10px;font-size:19px;font-weight:900;text-shadow:0 2px #5f3b2259}.features .wood-label{text-align:center;transform:rotate(-2deg);margin-bottom:20px}.features article{display:flex;align-items:center;gap:10px;margin:15px 0;padding:8px 0}.feature-icon{font-size:37px;filter:drop-shadow(0 4px 0 #975b3d15)}.features h3{font-size:16px}.features p{font-size:11px;color:#9b7252}.features ol{padding-left:25px;font-size:12px;line-height:2.3;margin-bottom:8px}.rules-link{width:100%;font-size:17px;margin:8px 0 0!important;cursor:pointer}.side-friends{display:block;width:110px;height:66px;object-fit:contain;margin:-2px auto 0;filter:drop-shadow(0 6px 3px #73462822)}.lobby-footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:0 28px 17px;color:#a88062}.copyright{text-align:center;color:#996f53;font-size:10px;margin:20px 15px}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 15px;padding:10px 15px;border-radius:18px;background:#fff3dcdf;box-shadow:0 4px 0 #bd986950}.room-heading h1{font-size:27px}.room-heading small{font-size:12px;margin-left:9px;font-weight:500}.room-meta{display:flex;gap:10px;align-items:center}#room{max-width:1570px;margin:0 auto;padding:0 22px}.waiting-room{padding:32px;display:grid;grid-template-columns:1fr 28%;gap:40px;min-height:460px}.waiting-room>img{width:100%;height:410px;object-fit:cover;border:6px solid white;border-radius:18px;transform:rotate(2deg);box-shadow:0 8px 20px #76442630}.waiting-players{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.wait-seat{position:relative;background:#f1dfc6;border:1px dashed #d5b089;border-radius:17px;padding:12px;text-align:center;min-height:116px}.wait-seat img{height:55px;width:70px;object-fit:contain;filter:drop-shadow(0 4px 2px #70452225)}.wait-seat b{display:block;font-size:12px}.wait-seat small{color:#ad8463;font-size:10px}.wait-seat.empty{display:grid;place-items:center;color:#c6aa8b;font-size:13px}.wait-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.remove-bot{position:absolute;top:2px;right:5px;background:none;border:none}.race-grid{display:grid;grid-template-columns:162px minmax(0,1fr) 230px;gap:15px;align-items:start}.players-panel{padding:12px 10px}.players-panel .wood-label{font-size:16px;padding:8px 10px}.player-chip{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:5px;align-items:center;margin-top:11px;padding:7px 4px;background:#fff8eb;border-radius:14px;border:1px solid #e4c6a2;box-shadow:0 3px 0 #caa8782d}.player-chip.active{border-color:#ed96a9;box-shadow:0 0 0 2px #f6b6bf88,0 5px 11px #d774782b;background:linear-gradient(#fff9ec,#ffe3e6)}.player-chip img{width:40px;height:43px;object-fit:contain;grid-row:span 2;filter:drop-shadow(0 3px 2px #74462322)}.player-chip b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip small{color:#b08856;font-size:12px;font-weight:800}.player-chip .turn-tag{position:absolute;right:3px;top:-7px;padding:0 4px;background:#ef99b1;color:white;font-size:9px;border-radius:8px}.mini-rule{font-size:11px;color:#ab815b;margin:17px 3px 7px;padding-top:12px;border-top:1px dashed #d0ac84}.mini-rule p{font-size:10px;margin-top:5px}#myWallet{padding:10px;background:#ecdbb5;border-radius:13px;text-align:center;margin-top:12px;font-size:10px}#myWallet strong{display:block;font-size:27px;color:#a77836}.race-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;gap:10px;border-radius:18px}.race-banner h2{font-size:20px;margin-top:3px}#diceRemain{font-size:12px;padding:8px 12px;background:#f4e2c3;border-radius:14px;color:#a67d4b}.track-shell{margin-top:8px;position:relative;border:2px solid #d9b283;border-radius:28px;background:linear-gradient(#fff1d3cc,#f0cb8dcf),url('./assets/race-poster.webp') center/cover;box-shadow:inset 0 0 0 5px #fff2dc9c,0 6px 0 #b68b65,0 13px 25px #7b502725;isolation:isolate}.track{position:relative;width:100%;aspect-ratio:1.84;min-height:250px;overflow:hidden;border-radius:26px}.track::before{content:'';position:absolute;left:3.2%;top:23%;right:3.2%;bottom:9%;border-radius:50%;border:clamp(30px,4vw,62px) solid #d8a56880;box-shadow:0 7px 0 #ba864e80,inset 0 6px 0 #af7e4130,0 0 0 4px #ffe3b3,inset 0 0 0 4px #f8d5a0;transform:rotate(-2deg);background:#e9c08c}.track-inner{position:absolute;left:21%;top:32%;width:58%;height:45%;border-radius:50%;background:radial-gradient(ellipse at center,#fff3cc,#eabf7c);box-shadow:inset 0 9px 22px #ae743623;border:2px solid #fce3b7}.pyramid{position:absolute;left:20%;top:15%;width:32%;height:57%;clip-path:polygon(50% 0,100% 83%,57% 100%,0 80%);background:repeating-linear-gradient(0deg,transparent 0 19%,#b987403b 19% 20%),linear-gradient(110deg,#ffe4a5 0 49%,#d6a360 50% 100%);filter:drop-shadow(0 5px #a07236);transform:rotate(-4deg)}.pyramid:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 20%,#fff5 20% 21%);opacity:.3}.race-sun{position:absolute;width:55px;height:55px;background:#ffeec4;border-radius:50%;right:22%;top:-8%;box-shadow:0 0 45px 30px #ffe5a37a}.track-piske{position:absolute;width:21%;height:37%;object-fit:contain;right:6%;bottom:9%;transform:rotate(-10deg);filter:drop-shadow(0 4px 2px #85522a40)}.desert-note{position:absolute;left:8%;bottom:12%;font-size:8px;color:#b88547;letter-spacing:1px;transform:rotate(-9deg)}.desert-note b{font-size:9px;letter-spacing:0}.dice-stage{position:absolute;left:53%;top:0;width:35%;height:65%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.die{width:48px;height:48px;border-radius:12px;border:2px solid #fff2d8;background:linear-gradient(140deg,#fffbf2,#f5dfba);box-shadow:inset 0 2px #fff,0 5px 0 #b18c55,0 8px 10px #84562740;display:grid;place-items:center;font-weight:950;font-size:29px;color:#8d623d;transform:rotate(-8deg)}.dice-stage>span{font-size:10px;margin-top:9px;padding:2px 8px;background:#fff1d5cc;border-radius:8px;white-space:nowrap}.used-dice{position:absolute;left:31%;bottom:-3%;display:flex;gap:5px}.used-dice .die{width:23px;height:25px;border-radius:5px;font-size:13px;box-shadow:0 3px 0 #aa8050;transform:rotate(3deg)}.cell{position:absolute;transform:translate(-50%,-50%);width:6.4%;aspect-ratio:1;min-width:0;border-radius:50%;border:1px solid #c5986666;background:linear-gradient(140deg,#ffebc6b3,#dfb27988);font-weight:800;color:#a17645;box-shadow:inset 0 2px #fff7,0 3px #a77b4029;z-index:2;padding:0;font-size:clamp(9px,.9vw,13px)}.cell.legal{border:2px solid #68ae97;background:#d3f0c8;box-shadow:0 0 0 3px #f5fff299,0 0 13px #84ad6377;z-index:8;opacity:1;cursor:pointer}.cell.legal:hover{background:#8bc99b}.camel-piece{position:absolute;width:8.4%;height:17%;transform:translate(-50%,-100%);pointer-events:auto;z-index:20;transition:left .55s cubic-bezier(.22,.8,.25,1),top .55s cubic-bezier(.22,.8,.25,1);filter:drop-shadow(0 5px 2px #6b432333)}.camel-piece svg{display:block;width:100%;height:100%;overflow:visible}.camel-piece b{position:absolute;top:17%;left:25%;font-size:clamp(8px,.85vw,12px);font-weight:900;color:#fff;text-shadow:0 1px 2px #553a36;text-align:center;width:25%}.camel-piece.moving{animation:camel-hop .35s ease-in-out 2}.camel-piece.crazy svg{transform:scaleX(-1)}.support-token{position:absolute;z-index:6;transform:translate(-50%,-50%) rotate(-8deg);padding:2px 4px;background:#86ba8d;color:white;border:2px solid #fff2da;border-radius:7px;font-size:12px;font-weight:900;box-shadow:0 3px 0 #7855334d}.support-token.bad{background:#d998a2}.finish-flag{position:absolute;bottom:4%;left:47%;font-size:9px;letter-spacing:1px;color:#9c703e;transform:rotate(-3deg)}.action-panel{padding:13px 16px 12px;margin-top:14px;border-radius:20px}.action-panel #actionHint{font-weight:850;font-size:13px;color:#b76875;min-height:22px}.action-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0 10px}.action-tabs button{padding:6px 4px;border:1px solid #dec3a2;border-radius:9px;background:#f3e4cc;font-size:11px;font-weight:800}.action-tabs button.active{background:#f8d4df;border-color:#eab0ba;color:#a75068}.bet-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.bet-card{position:relative;padding:8px 3px 6px;border-radius:13px;border:2px solid #fff5df;background:linear-gradient(150deg,#fff7e8,#f1debf);box-shadow:inset 0 0 0 2px var(--card),0 3px 0 #bd956151;min-height:94px;transition:transform .15s,box-shadow .15s}.bet-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:inset 0 0 0 2px var(--card),0 7px 0 #bd956133,0 10px 16px #d6ac7a30}.bet-card .camel-art{width:50px;height:35px;margin:0 auto;display:block}.bet-card strong{display:block;font-size:18px;line-height:1.2;color:var(--card)}.bet-card span{display:block;font-size:9px;color:#957356}.bet-card small{position:absolute;right:5px;top:5px;background:#fff9;font-size:8px;border-radius:6px;padding:0 3px}.roll-btn{width:100%;min-height:42px;padding:9px;margin-top:11px;font-size:17px}.action-panel>.tiny{text-align:center;margin-top:9px;font-size:10px}.final-switch{display:flex;gap:7px;margin-bottom:9px}.final-switch button{flex:1;border:1px solid #ddbe97;background:#f8e7cd;padding:6px;border-radius:10px;font-size:12px}.final-switch .active{background:#d8e8d3;border-color:#a2c59c}.tile-tools{display:flex;align-items:center;gap:12px;min-height:95px;justify-content:center;flex-wrap:wrap}.tile-tools button{min-height:58px;padding:10px 20px}.tile-tools .active{outline:3px solid #dba978}.tile-tools p{width:100%;text-align:center;font-size:11px;color:#9b7957}.partner-list{min-height:95px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.partner-list button{padding:8px;font-size:11px}.right-panel>section{padding:12px 13px;margin-bottom:15px;border-radius:19px}.right-panel .wood-label{font-size:16px}.rank-row{display:flex;align-items:center;gap:6px;padding:8px 1px;border-bottom:1px solid #ddbc922e;font-size:11px}.rank-row svg{width:32px;height:27px}.rank-row em{font-size:10px;min-width:20px;background:#ead5ac;color:#987045;border-radius:50%;height:20px;display:grid;place-items:center;font-style:normal;font-weight:900}.rank-row:first-of-type em{background:#e8ba67;color:white}.rank-row>small{margin-left:auto;color:#b59874;font-size:9px}.predictions h3,.log-panel h3{font-size:13px;margin-bottom:10px}.pred-ticket{display:inline-block;font-size:10px;background:#f1dfc3;padding:3px 7px;border-radius:6px;margin:3px 3px 3px 0;border-left:3px solid var(--card)}#myPredictions:empty::before{content:'還沒有放入秘密預測卡。';font-size:11px;color:#a7876b}.predictions>.tiny{font-size:9px;margin-top:7px}#eventLog{height:175px;overflow:auto;scrollbar-width:thin}.log-row{font-size:10px;color:#9d7958;border-bottom:1px dashed #debd9340;padding:7px 0;line-height:1.6}.log-row:first-child{color:#98604c;font-weight:800}.chat-panel{margin:18px 0 0;display:grid;grid-template-columns:110px minmax(150px,1fr) minmax(190px,320px);align-items:center;gap:12px;padding:12px 17px;border-radius:18px}.chat-title{font-size:12px;font-weight:800}.messages{height:47px;overflow:auto;font-size:11px;scrollbar-width:thin;color:#9e775e}.messages b{color:#ad5b6d;margin-right:7px}.chat-panel form{display:flex;gap:5px}.chat-panel input{margin:0;font-size:12px;padding:8px 10px}.chat-panel .primary{padding:5px 12px;min-height:36px;border-radius:12px}.stickers{grid-column:2/4;display:flex;gap:5px;flex-wrap:wrap}.stickers button{border:1px solid #e0c2a3;background:#fff7e7;border-radius:20px;font-size:10px;padding:3px 10px}.stickers button:hover{background:#ffdee8}dialog{position:fixed;inset:0;border:3px solid #fff1d7;border-radius:25px;padding:28px;background:linear-gradient(140deg,#fff9ed,#f5e3c8);color:var(--ink);max-width:min(800px,94vw);width:700px;max-height:88dvh;box-shadow:inset 0 0 0 2px #ddba87,0 20px 80px #4e281979;overflow:auto}dialog::backdrop{background:#452c265f;backdrop-filter:blur(5px)}dialog h2{margin:9px 0 18px;font-size:27px}dialog p{font-size:13px;color:#9d785a}.close{position:absolute;right:13px;top:10px;width:31px;height:31px;border:1px solid #dab78d;border-radius:50%;background:#fff4e0;font-size:20px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.guide-card{border:1px solid #e0c399;border-radius:16px;padding:15px;background:#fff9ec}.guide-card h3{font-size:16px;margin-bottom:9px}.guide-card p{font-size:12px}.guide-card.wide{grid-column:1/-1}.guide-note{margin:20px 0 0;padding:12px 16px;background:#ecddbe;border-radius:12px;font-size:12px}#helpContent a{font-size:11px}.dialog-actions{display:flex;justify-content:center;gap:12px;margin:22px 0 3px;flex-wrap:wrap}#confirmDialog{width:430px}#scoreDialog{text-align:center;width:660px}.podium{display:flex;justify-content:center;align-items:end;gap:14px;margin:20px auto}.podium-item{display:flex;flex-direction:column;align-items:center;position:relative}.podium-item .camel-art{width:100px;height:80px}.podium-item span{display:block;padding:8px 10px;border-radius:14px 14px 3px 3px;background:linear-gradient(#f4d291,#ddb25e);color:white;text-shadow:0 2px #a4794455;min-width:95px;box-shadow:inset 0 2px #fff5,0 4px #a5774133;font-weight:850}.score-row{display:grid;grid-template-columns:1fr 1fr 60px;align-items:center;gap:10px;border-bottom:1px dashed #dbba8f;padding:10px 4px;text-align:left;font-size:12px}.score-row strong:last-child{text-align:right;color:#af773f;font-size:19px}.score-row small{font-size:10px;color:#b18c68}.score-row.winner{background:#fff0c7;border-radius:10px;border-bottom:none;padding-left:12px}details{text-align:left;margin:12px 0;font-size:12px}summary{cursor:pointer;color:#a6744b}.final-bet-line{font-size:11px;padding:4px;border-bottom:1px solid #dfbf9933}#fxLayer{position:fixed;inset:0;pointer-events:none;z-index:1200;overflow:hidden}.fx-word{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);border:3px solid #fff0d3;background:linear-gradient(150deg,#ffe8ad,#f9c983);color:#ab6942;padding:20px 38px;border-radius:25px;box-shadow:0 8px 0 #a0754940,0 20px 50px #6c432840;font-size:28px;font-weight:900;animation:fx-word 1.7s ease both;text-align:center;white-space:nowrap}.confetti{position:absolute;top:-20px;width:9px;height:14px;border-radius:3px;animation:fall 2.4s ease-in forwards}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:90vw;padding:12px 22px;border:1px solid #ffe4b4;border-radius:18px;background:#6a4838eb;color:#fff4db;font-size:13px;box-shadow:0 8px 20px #6c45352b;z-index:1600;opacity:0;pointer-events:none;transition:.22s}#toast.show{opacity:1;transform:translate(-50%,0)}.home-offline-note{background:#f2dcc1;padding:8px;border-radius:10px}body.low-motion .camel-piece{transition:none}body.low-motion #fxLayer{display:none}body.low-motion .moving{animation:none}
@keyframes camel-hop{0%,100%{margin-top:0;rotate:0deg}50%{margin-top:-8px;rotate:3deg}}@keyframes roll-die{0%{transform:rotate(-35deg) scale(.6)}50%{transform:rotate(30deg) scale(1.15)}100%{transform:rotate(-8deg) scale(1)}}.die.rolling{animation:roll-die .6s ease both}@keyframes fx-word{0%{opacity:0;scale:.75}15%,65%{opacity:1;scale:1}100%{opacity:0;translate:0 -20px}}@keyframes fall{to{transform:translateY(105vh) rotate(690deg);opacity:.2}}
@media(min-width:1700px){.lobby-shell{max-width:1320px}.poster{min-height:590px}.entry{padding-top:32px}.features article{margin:24px 0}}
@media(max-width:1200px){.lobby-shell{width:calc(100% - 35px)}.lobby-grid{grid-template-columns:1fr 1.12fr .74fr;padding:12px;gap:9px}.entry{padding:20px 17px}.entry h1{font-size:21px}.features{padding:12px 10px}.feature-icon{font-size:27px}.features h3{font-size:14px}.features p{font-size:10px}.features .wood-label{font-size:16px}.race-grid{grid-template-columns:130px minmax(0,1fr) 185px;gap:10px}#room{padding:0 14px}.player-chip{grid-template-columns:32px 1fr}.player-chip img{width:32px}.player-chip b{font-size:10px}.race-banner h2{font-size:17px}.action-tabs button{font-size:10px}.track{aspect-ratio:1.65}.track-piske{width:23%}.right-panel>section{padding:10px}.dice-stage .die{width:35px;height:35px;font-size:23px}.chat-panel{grid-template-columns:100px 1fr 240px}.race-banner .eyebrow{font-size:8px}}
@media(max-width:950px){.lobby-grid{grid-template-columns:.92fr 1.1fr}.features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.features .wood-label{grid-column:1/-1;width:max-content;margin:0 auto 3px}.features article{margin:0}.features .side-friends,.features ol{display:none}.features .rules-link{grid-column:1/-1}.poster{min-height:550px}.race-grid{grid-template-columns:1fr 200px}.players-panel{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:10px;overflow-x:auto}.players-panel .wood-label{flex-shrink:0;width:80px;font-size:13px}.player-chip{flex:0 0 102px;margin:0;padding:5px}.mini-rule,#myWallet{display:none}.track{aspect-ratio:1.7}.chat-panel{grid-template-columns:1fr 250px}.chat-title{display:none}.stickers{grid-column:1/-1}.brand{max-width:570px;margin-top:-12px}.waiting-room{grid-template-columns:1fr;padding:23px}.waiting-room>img{display:none}.waiting-players{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){body{font-size:13px}.page-backdrop{background-position:center top}.topbar{padding:9px 10px;gap:5px}.topbar>.smallbtn{font-size:10px;padding:6px 8px}.topbar #connection{display:none}.topbar>div{gap:4px}.smallbtn{font-size:11px;min-height:34px;padding:7px 10px}.brand{width:100%;margin:0 auto 7px}.brand img{max-height:132px}.version{font-size:7px;margin-top:-6px;letter-spacing:1.5px}.lobby-shell{width:calc(100% - 16px);border-radius:20px}.tabs{margin:0 6px;border-radius:0 0 14px 14px}.tabs button{font-size:12px;padding:11px 2px}.lobby-grid{display:flex;flex-direction:column;gap:12px;padding:10px}.poster{min-height:0;height:210px;order:0}.poster>img{object-position:50% 45%}.poster-caption{padding:35px 15px 13px;background:linear-gradient(90deg,#624222bf,#57391c40,transparent);height:100%;width:100%}.poster-caption h2{font-size:22px;margin:12px 0}.poster-caption>span{font-size:7px;letter-spacing:1px}.poster-caption p{font-size:10px;width:40%}.entry{order:1;padding:23px 20px}.entry h1{font-size:25px}.entry>p{font-size:12px;margin-bottom:16px}.entry label{font-size:13px}.entry input,.entry select{font-size:14px;padding:12px}.avatar-picker{gap:5px}.avatar-option{aspect-ratio:.87}.hero-btn{font-size:22px;min-height:53px}.features{order:2;display:block;padding:16px 20px}.features article{margin:17px 0}.features h3{font-size:16px}.features p{font-size:12px}.features .feature-icon{font-size:34px}.features .wood-label{display:block;font-size:19px}.features .rules-link{width:100%}.lobby-footer{flex-direction:column;text-align:center;gap:4px;padding:0 12px 15px;font-size:10px}#room{padding:0 8px}.room-heading{padding:9px 12px;display:block;border-radius:14px}.room-heading h1{font-size:22px}.room-heading small{font-size:10px;margin-left:3px}.room-heading .eyebrow{font-size:7px}.room-meta{margin-top:8px;justify-content:space-between}.race-grid{display:flex;flex-direction:column;gap:10px}.players-panel{width:100%;max-width:100%;border-radius:14px}.race-center{width:100%;min-width:0}.right-panel{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.right-panel>section{margin:0}.right-panel .log-panel{grid-column:1/-1}.right-panel .rankings .wood-label{font-size:14px}.rank-row{font-size:10px;gap:3px;padding:5px 0}.rank-row svg{width:25px}.rank-row em{min-width:17px;height:17px;font-size:9px}.rank-row>small{font-size:8px}#eventLog{height:82px}.log-row{padding:3px 0}.race-banner{padding:10px 12px}.race-banner h2{font-size:16px}.track{aspect-ratio:1.32;min-height:0}.track::before{border-width:28px;left:3%;right:3%}.track-inner{top:33%;left:20%;width:60%;height:42%}.camel-piece{width:11%;height:17%}.camel-piece b{font-size:8px}.cell{font-size:9px;width:7.4%}.track-piske{height:43%;width:26%;bottom:3%;right:1%}.desert-note{font-size:6px;left:2%;bottom:4%}.desert-note b{font-size:7px}.dice-stage{left:50%;top:-5%;width:44%}.dice-stage>span{font-size:8px;white-space:normal;text-align:center;margin-top:7px}.die{width:30px;height:30px;font-size:20px;border-radius:8px}.used-dice{left:25%;bottom:-8%;gap:3px}.used-dice .die{width:17px;height:19px;font-size:10px}.support-token{font-size:9px;border-width:1px}.finish-flag{font-size:7px;bottom:3%;left:35%}.action-panel{padding:12px 9px;border-radius:17px}.action-tabs{gap:3px}.action-tabs button{min-height:36px;padding:4px 2px;font-size:10px}.bet-cards{gap:4px}.bet-card{min-height:98px;padding-top:15px;border-radius:11px}.bet-card .camel-art{width:42px}.bet-card strong{font-size:16px}.bet-card span{font-size:8px}.bet-card small{font-size:7px;right:2px;top:3px}.roll-btn{min-height:48px;font-size:18px}.tile-tools{gap:8px}.tile-tools .primary,.tile-tools .secondary{padding:9px 13px}.chat-panel{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:11px}.messages{height:56px;font-size:11px}.stickers{justify-content:center;gap:4px}.stickers button{padding:5px 7px;font-size:10px}.waiting-room{padding:20px 12px;border-radius:18px}.waiting-room h2{font-size:20px}.waiting-players{grid-template-columns:repeat(2,1fr);gap:9px}.wait-actions>button{flex:1;padding:10px;font-size:12px}.waiting-room>div>p{font-size:11px}.waiting-room .wait-seat{min-height:108px}dialog{padding:24px 18px;width:94vw;border-radius:21px}dialog h2{font-size:23px}.guide-grid{grid-template-columns:1fr}.guide-card.wide{grid-column:auto}.score-row{font-size:11px;grid-template-columns:1fr 1fr 40px}.score-row small{font-size:9px}.podium-item .camel-art{width:74px;height:58px}.podium-item span{min-width:72px;font-size:12px;padding:6px}.fx-word{font-size:22px;padding:17px 24px}.copyright{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}.confetti{display:none}}
/* Final art pass: real approved figurines, no oversized mockup image behind the race. */
.brand{margin:-3px auto 10px}.brand img{mix-blend-mode:normal;border-radius:30px;filter:drop-shadow(0 5px 3px #8c593723)}.version{margin-top:3px}.room-heading{background:linear-gradient(130deg,#fff4de,#efdab8)}.track-shell{background:radial-gradient(ellipse at 60% 15%,#fff6d7 0,transparent 42%),radial-gradient(ellipse at 15% 90%,#deb17655,transparent 40%),repeating-radial-gradient(ellipse at 20% 20%,#d8b78215 0 1px,transparent 1px 5px),linear-gradient(160deg,#f9e5b9,#efd09a)}.camel-piece img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(1px 2px 0 #fff3)}.camel-piece.crazy img{transform:scaleX(-1)}.camel-piece b{top:47%;left:29%;font-size:10px;border-radius:50%;width:14px;height:14px;color:#7d5741;background:#fff1c6d9;line-height:14px;text-shadow:none}.rank-row .camel-art{width:36px;height:27px;object-fit:contain}.podium-item .camel-art{object-fit:contain}.bet-card .camel-art{object-fit:contain}.track-inner{background:radial-gradient(ellipse at center,#fff1bd,#e6bd7c);box-shadow:inset 0 8px 15px #a6703822,0 0 0 4px #fff0cf80}.pyramid{filter:none;background:repeating-linear-gradient(0deg,transparent 0 19%,#c79a4c3b 19% 21%),linear-gradient(110deg,#fbe4a0 0 49%,#d1a46c 50% 100%)}.pyramid:before{content:'';position:absolute;left:30%;bottom:4%;width:22%;height:33%;border-radius:50% 50% 0 0;background:#aa773a;box-shadow:inset 3px 3px 3px #68482044}.rank-row{font-size:12px}.player-chip b{font-size:12px}.player-chip small{font-size:13px}.track::after{content:'☀　沙漠嘉年華　☀';position:absolute;top:7%;left:34%;right:34%;text-align:center;color:#b88850;font-size:11px;letter-spacing:3px;transform:rotate(-2deg)}.used-dice{z-index:5}.action-panel{background:linear-gradient(125deg,#fffaf0,#f9e9cf)}
@media(max-width:650px){.brand{margin:0 auto 7px}.brand img{border-radius:15px}.camel-piece{width:12%;height:17%}.camel-piece b{width:10px;height:10px;line-height:10px;font-size:7px;top:49%}.track::after{font-size:8px;left:26%;right:26%;letter-spacing:2px}.player-chip b{font-size:10px}.rank-row{font-size:10px}}

.brand{width:min(628px,92%)}.brand img{max-height:none;height:auto}.version{margin-top:4px}.topbar{position:relative;z-index:5}
@media(max-width:650px){.brand{max-width:430px;width:94%}.brand img{max-height:none}}