*{box-sizing:border-box}html,body,#root{color:#f4e8d4;background:#1d1006;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}img{image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}canvas{image-rendering:pixelated}.loading-screen{letter-spacing:.05em;justify-content:center;align-items:center;height:100%;font-size:1.4rem;display:flex}.start-screen,.end-screen{width:100%;height:100%;position:relative;overflow:hidden}.screen-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.start-button{position:absolute;top:55%;left:80%;transform:translate(-50%,-50%)}.start-button img{width:min(260px,24vw)}.end-content{flex-direction:column;justify-content:flex-end;align-items:center;gap:18px;padding-bottom:8vh;display:flex;position:absolute;inset:0}.end-title{text-align:center;background:#140a02bf;border-radius:12px;margin:0;padding:10px 24px;font-size:clamp(1.1rem,3vw,1.8rem)}.end-title.win{color:#9fe870}.end-title.lose{color:#e8a070}.menu-button,.pause-box button{color:#f4e8d4;cursor:pointer;background:#3d2817;border:2px solid #7a5a35;border-radius:10px;padding:10px 26px;font-size:1.1rem}.menu-button:hover,.pause-box button:hover{background:#55371f}.game-screen{width:100%;height:100%;position:relative;overflow:hidden}.board-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.hud-left{flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:12px;left:14px}.rotate-button .sprite-crop{width:70px;height:70px;display:block;overflow:hidden}.rotate-button img{width:auto;height:70px;display:block}.end-branch-button img{height:44px}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:16px}.hud-stat{background:#140a02b3;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:1.05rem;display:flex}.hud-icon-treasure{object-fit:cover;object-position:left;width:28px;height:25px}.hud-message{pointer-events:none;background:#781e14d9;border-radius:8px;padding:8px 18px;font-size:1rem;position:absolute;top:150px;left:50%;transform:translate(-50%)}.hud-banner{pointer-events:none;background:#140a02d9;border-radius:12px;padding:14px 30px;font-size:1.5rem;position:absolute;top:30%;left:50%;transform:translate(-50%)}.hud-banner.win{color:#9fe870}.hud-banner.lose{color:#e8a070}.deck-counter{align-items:center;gap:10px;display:flex}.deck-counter img{width:64px;height:64px}.deck-counter span{color:#f4e8d4;text-shadow:0 2px 3px #000000e6;font-size:1.7rem;font-weight:700}.hand-area{aspect-ratio:6;width:min(624px,55vw);position:absolute;top:8px;left:50%;transform:translate(-50%)}.hand-bg{width:100%;height:100%;position:absolute;inset:0}.hand-slots{position:absolute;inset:0}.hand-card{cursor:grab;justify-content:center;align-items:center;width:14.7436%;line-height:0;transition:transform 80ms ease-out;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.hand-card:hover{transform:translate(-50%,calc(6px - 50%))}.hand-card.selected{filter:drop-shadow(0 0 6px #9fe870);transform:translate(-50%,calc(12px - 50%))}.hand-card.dragging{opacity:.25}.tile-thumb{width:84px;height:76px}.hand-card .tile-thumb{width:91.3044%;height:auto}.img-button{cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.img-button:disabled{opacity:.4;cursor:default}.img-button:hover:not(:disabled) img{filter:brightness(1.15)}.drag-ghost{pointer-events:none;opacity:.85;z-index:20;position:fixed;transform:translate(-50%,-50%)}.pause-overlay{z-index:30;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-box{text-align:center;background:#2a1a0d;border:2px solid #7a5a35;border-radius:14px;max-width:480px;padding:28px 36px}.pause-box h2{margin-top:0}.pause-box p{line-height:1.6}