:root{color-scheme:dark}.mahjong-body{margin:0;min-height:100vh;color:#fffaf3;background:radial-gradient(circle at 50% -18%,#522a24 0,transparent 42%),linear-gradient(150deg,#0d0505,#200d0c 60%,#080303);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mahjong-body *{box-sizing:border-box}.mahjong-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,54px);border-bottom:1px solid #ddb85f45;background:#120707e8;backdrop-filter:blur(14px)}.mahjong-brand,.mahjong-back{color:#fffaf3;text-decoration:none}.mahjong-brand{font-size:22px;font-weight:950;letter-spacing:-.04em}.mahjong-brand span{color:#e9bd5c}.mahjong-brand b{margin-left:9px;padding:4px 7px;border:1px solid #e8bb654c;border-radius:6px;color:#efc873;font-size:8px;letter-spacing:.17em;vertical-align:middle}.mahjong-back{color:#cab6aa;font-size:12px;font-weight:800}.mahjong-page{width:min(1180px,100%);margin:auto;padding:24px clamp(7px,2.6vw,30px) 40px}.mahjong-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 5px 17px}.mahjong-eyebrow{margin:0 0 5px;color:#edc46f;font-size:10px;font-weight:900;letter-spacing:.22em}.mahjong-intro h1{margin:0;font-size:clamp(38px,6vw,64px);line-height:.96;letter-spacing:-.06em}.mahjong-intro p:last-child{margin:9px 0 0;color:#c1aaa0;font-size:12px}.mahjong-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.mahjong-tools button,.mahjong-overlay button{min-height:38px;border:1px solid #e5b95e50;border-radius:11px;color:#fff;background:linear-gradient(145deg,#4b2724,#24100f);font:inherit;font-size:10px;font-weight:850;padding:9px 12px;cursor:pointer;box-shadow:inset 0 1px #fff1}.mahjong-tools button:hover{border-color:#f1cd7e;transform:translateY(-1px)}.mahjong-shell{position:relative;padding:10px;border:1px solid #dcb45c40;border-radius:25px;background:linear-gradient(145deg,#4a2720,#1c0c0b);box-shadow:0 35px 95px #000b,inset 0 1px #fff1}.mahjong-hud{height:43px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,6vw,72px);color:#b99d91;font-size:9px;font-weight:900;letter-spacing:.12em}.mahjong-hud b{margin-left:6px;color:#fff;font-size:15px;letter-spacing:0}.mahjong-stage{position:relative;min-height:650px;overflow:hidden;border-radius:17px;background:radial-gradient(circle at 50% 45%,#55352b,#160b09 70%),repeating-linear-gradient(45deg,#ffffff03 0 3px,transparent 3px 9px);box-shadow:inset 0 0 80px #000b}.mahjong-board{position:relative;width:min(1040px,98%);height:610px;margin:auto;perspective:1100px;transform-style:preserve-3d}.mahjong-board:before{content:"";position:absolute;left:4%;right:4%;bottom:4%;height:68%;border:1px solid #d4ae6030;border-radius:50%;background:radial-gradient(ellipse,#0003,#000b);filter:blur(6px);transform:rotateX(65deg)}.mahjong-tile{position:absolute;width:8.4%;height:12.4%;padding:0;border:1px solid #fff8;border-radius:9px;color:#143a2c;background:linear-gradient(145deg,#fffdf0 0,#e8dfc5 68%,#bdae8c 100%);font:900 clamp(15px,2.7vw,30px) Georgia,serif;cursor:pointer;user-select:none;text-shadow:0 1px #fff;box-shadow:calc(-4px - var(--z)*2px) calc(7px + var(--z)*3px) 0 #806b47,calc(-5px - var(--z)*2px) calc(10px + var(--z)*3px) 15px #0009,inset 2px 2px #fff;transform:translate(calc(var(--z)*5px),calc(var(--z)*-6px)) rotateX(3deg);transition:transform .16s,filter .16s,opacity .25s}.mahjong-tile:before{content:"";position:absolute;inset:7%;border:1px solid #8e7f5f40;border-radius:6px;box-shadow:inset 0 0 7px #b99b6040}.mahjong-tile .symbol{position:relative;z-index:1;display:grid;place-items:center;height:100%}.mahjong-tile.red{color:#aa2630}.mahjong-tile.blue{color:#205697}.mahjong-tile.free:hover{z-index:1000!important;filter:brightness(1.08);transform:translate(calc(var(--z)*5px),calc(var(--z)*-10px)) rotateX(-5deg) scale(1.05)}.mahjong-tile.locked{cursor:not-allowed;filter:brightness(.62) saturate(.68)}.mahjong-tile.selected{z-index:1001!important;color:#fff;background:linear-gradient(145deg,#efc965,#a9751f);box-shadow:calc(-4px - var(--z)*2px) calc(7px + var(--z)*3px) 0 #68440b,0 0 24px #ffd672,inset 2px 2px #fff8;transform:translate(calc(var(--z)*5px),calc(var(--z)*-13px)) scale(1.07);text-shadow:0 2px #68440b}.mahjong-tile.hint{animation:mahjong-hint .8s infinite alternate;z-index:1002!important}.mahjong-tile.removing{pointer-events:none;animation:mahjong-remove .35s forwards}.mahjong-toast{position:absolute;left:50%;top:18px;z-index:2000;max-width:calc(100% - 24px);padding:10px 16px;border:1px solid #e5bf6d66;border-radius:999px;color:#fff;background:#170b09ed;box-shadow:0 10px 30px #0008;opacity:0;transform:translate(-50%,-10px);transition:.2s;pointer-events:none;font-size:11px;font-weight:800}.mahjong-toast.show{opacity:1;transform:translate(-50%,0)}.mahjong-overlay{position:absolute;inset:0;z-index:3000;display:grid;grid-template-columns:minmax(0,44%) 1fr;align-items:center;gap:clamp(18px,5vw,58px);padding:clamp(18px,5vw,60px);background:linear-gradient(90deg,#100505f5,#1f0b0bdf);backdrop-filter:blur(6px)}.mahjong-overlay[hidden]{display:none}.mahjong-overlay img{width:min(390px,100%);aspect-ratio:1;object-fit:cover;border:1px solid #edc67166;border-radius:22px;box-shadow:0 25px 85px #000c}.mahjong-overlay strong{display:block;font-size:clamp(30px,5vw,62px);line-height:.95;letter-spacing:-.06em}.mahjong-overlay span{display:block;max-width:440px;margin:16px 0 21px;color:#cfbbb0;font-size:clamp(11px,1.5vw,15px);line-height:1.6}.mahjong-overlay button{min-width:145px;color:#170b08;background:linear-gradient(135deg,#f6d88d,#c99741);font-size:11px;letter-spacing:.08em}.mahjong-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 4px 1px}.mahjong-guide div{padding:10px 12px;border:1px solid #ffffff10;border-radius:10px;color:#a98d82;background:#ffffff05;font-size:9px;line-height:1.45}.mahjong-guide b{display:block;margin-bottom:2px;color:#e8c775;font-size:10px}@keyframes mahjong-hint{to{filter:brightness(1.2);box-shadow:0 0 28px #70ffba,0 8px 0 #806b47}}@keyframes mahjong-remove{to{opacity:0;transform:translate(calc(var(--z)*5px),-45px) rotateY(70deg) scale(.7)}}@media(max-width:720px){.mahjong-header{height:56px}.mahjong-page{padding:14px 3px 25px}.mahjong-intro{align-items:flex-start;margin:0 7px 12px}.mahjong-intro h1{font-size:34px}.mahjong-intro p:last-child{max-width:190px;font-size:9px}.mahjong-tools{max-width:165px;gap:4px}.mahjong-tools button{min-height:31px;padding:6px 7px;font-size:8px}.mahjong-shell{padding:5px;border-radius:15px}.mahjong-hud{height:34px;gap:14px;font-size:7px}.mahjong-hud b{font-size:11px}.mahjong-stage{min-height:500px;border-radius:10px}.mahjong-board{width:99%;height:500px}.mahjong-tile{width:10%;height:10.5%;border-radius:6px;font-size:clamp(13px,5vw,22px);box-shadow:calc(-2px - var(--z)*1px) calc(4px + var(--z)*2px) 0 #806b47,0 7px 10px #0008}.mahjong-overlay{grid-template-columns:38% 1fr;gap:12px;padding:12px}.mahjong-overlay img{border-radius:12px}.mahjong-overlay strong{font-size:24px}.mahjong-overlay span{margin:8px 0 11px;font-size:8.5px}.mahjong-overlay button{min-width:100px;padding:9px;font-size:9px}.mahjong-guide{gap:4px;margin:8px 2px}.mahjong-guide div{padding:7px 5px;font-size:7px}.mahjong-guide b{font-size:8px}}