:root{font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;background:#111827;color:#e5e7eb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1f2937,#0f172a 65%);min-height:100vh}main{max-width:960px;margin:0 auto;padding:32px 20px 64px}.app-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.app-logo{width:280px;height:auto;border-radius:12px}.app-nav{position:absolute;left:0;top:0;display:flex;justify-content:space-between;width:100%;gap:16px;align-items:center;padding-right:12px;font-size:.9rem}.app-nav__group{display:flex;gap:12px;align-items:center}button.app-nav__button{background:transparent;border:none;padding:0;color:inherit;font-weight:600;font-size:inherit;cursor:pointer}.app-nav__select{background:transparent;border:none;padding:6px 24px 6px 10px;color:inherit;font-weight:600;font-size:inherit;cursor:pointer;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.app-nav__select:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;pointer-events:none;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M5%207l5%206%205-6%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:center;background-size:12px 12px}.app-nav__button.is-active{text-decoration:underline;text-underline-offset:4px}.app-nav__link{color:inherit;font-weight:600;font-size:inherit;text-decoration:none}.app-nav__link:hover{text-decoration:underline;text-underline-offset:4px}.app-nav__group{position:relative}.app-nav__group+.app-nav__group{padding-left:14px}.app-nav__group+.app-nav__group:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:linear-gradient(to bottom,#ffd78c00,#ffd78c47,#b9643700);opacity:.9}button.app-nav__button,.app-nav__link,.app-nav__select{position:relative;padding:6px 10px;border-radius:999px;transition:background .16s ease,color .16s ease,box-shadow .18s ease}.app-nav__select{padding:6px 24px 6px 10px}button.app-nav__button:hover,.app-nav__link:hover,.app-nav__select:hover{text-decoration:none;color:#fffbebfa;background:linear-gradient(to bottom,#ffe6aa1f,#0000002e),#f59e0b0f;box-shadow:0 14px 40px #00000059,inset 0 1px #ffffff1a}button.app-nav__button.is-active{text-decoration:none;color:#fffbebfa;background:linear-gradient(to bottom,#ffe6aa24,#0000002e),#f59e0b1a;box-shadow:0 18px 55px #0000006b,inset 0 1px #ffffff1f}button.app-nav__button:focus-visible,.app-nav__link:focus-visible,.app-nav__select:focus-visible{outline:2px solid rgba(255,215,140,.22);outline-offset:2px}h2{font-family:"IBM Plex Serif",Georgia,serif;margin-bottom:12px}section{margin-bottom:24px}button,select{background:#111827;color:inherit;border:1px solid #374151;padding:8px 12px;border-radius:8px}button:disabled{opacity:.5;cursor:not-allowed}.game-play-area{margin-top:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,220px));gap:12px;justify-content:start}.card{position:relative;padding:12px;border-radius:16px;width:220px;border:1px solid rgba(255,230,170,.14);background:linear-gradient(to bottom,#ffffff0d,#00000038),radial-gradient(circle at 20% 0%,rgba(255,200,120,.1),transparent 55%),radial-gradient(circle at 80% 20%,rgba(120,180,255,.05),transparent 60%),#0003;box-shadow:0 18px 45px #00000061,inset 0 1px #ffffff0f,inset 0 -14px 24px #00000040;overflow:hidden;transform:translateZ(0);transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.7;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%20100%27%20preserveAspectRatio%3D%27none%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27gold%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFF2C6%27/%3E%3Cstop%20offset%3D%270.5%27%20stop-color%3D%27%23FFD27D%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23D49B3A%27/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%27copper%27%20x1%3D%271%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFD7B5%27/%3E%3Cstop%20offset%3D%270.6%27%20stop-color%3D%27%23B96437%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%237B3226%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%272.2%27%20y%3D%272.2%27%20width%3D%2795.6%27%20height%3D%2795.6%27%20rx%3D%2712%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%271.8%27%20opacity%3D%270.95%27/%3E%3Crect%20x%3D%275.2%27%20y%3D%275.2%27%20width%3D%2789.6%27%20height%3D%2789.6%27%20rx%3D%2710%27%20fill%3D%27none%27%20stroke%3D%27url(%23copper)%27%20stroke-width%3D%271.2%27%20opacity%3D%270.65%27/%3E%3Cpath%20d%3D%27M12%2016%20C10%2024%2C%2016%2026%2C%2022%2022%20C26%2018%2C%2028%2012%2C%2036%2012%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%271.1%27%20opacity%3D%270.85%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M88%2016%20C90%2024%2C%2084%2026%2C%2078%2022%20C74%2018%2C%2072%2012%2C%2064%2012%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%271.1%27%20opacity%3D%270.85%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E");filter:drop-shadow(0 0 0 rgba(0,0,0,0));transition:opacity .16s ease,filter .18s ease}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#ffffff0f 0,#ffffff0f 2px,#0000 2px,#0000 7px),radial-gradient(circle at 30% 18%,rgba(255,210,125,.14),transparent 55%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.35),transparent 60%)}.card:hover{transform:translateY(-2px);border-color:#ffe6aa38;box-shadow:0 24px 70px #0000008c,inset 0 1px #ffffff14,inset 0 -16px 26px #00000047}.card:focus-within{outline:2px solid rgba(255,215,140,.2);outline-offset:2px}.card-image{width:100%;height:auto;aspect-ratio:2 / 3;border-radius:10px;display:block;object-fit:cover;box-shadow:0 18px 45px #00000073}.card-fallback{padding:12px;border-radius:10px;border:1px dashed #4b5563;text-align:center;background:#0000002e}.card-label{margin-top:10px;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-label strong{font-weight:900;letter-spacing:.01em}.card-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,215,140,.22);background:linear-gradient(to bottom,#ffffff14,#0000002e),#0000002e;color:#fffbebeb;font-weight:900;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 30px #00000052,inset 0 1px #ffffff14;white-space:nowrap}.card-badge--monster{border-color:#ffe6aa2e}.card-badge--weapon{border-color:#ffd78c3d}.card-badge--potion{border-color:#ffd78c2e}.card-actions{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px;border-radius:14px;border:1px solid rgba(255,230,170,.1);background:linear-gradient(to bottom,#ffffff0d,#0000002e),#00000029;box-shadow:inset 0 1px #ffffff0f,inset 0 -10px 20px #0000003d;overflow:hidden}.card-actions:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27gold%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFF2C6%27/%3E%3Cstop%20offset%3D%270.55%27%20stop-color%3D%27%23FFD27D%27/%3E%3Cstop%3D%271%27%20offset%3D%271%27%20stop-color%3D%27%23D49B3A%27/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%27copper%27%20x1%3D%271%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFD7B5%27/%3E%3Cstop%20offset%3D%270.6%27%20stop-color%3D%27%23B96437%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%237B3226%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%271.2%27%20y%3D%271.2%27%20width%3D%2797.6%27%20height%3D%2737.6%27%20rx%3D%278%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%271.2%27%20opacity%3D%270.9%27/%3E%3Crect%20x%3D%272.6%27%20y%3D%272.6%27%20width%3D%2794.8%27%20height%3D%2734.8%27%20rx%3D%277%27%20fill%3D%27none%27%20stroke%3D%27url(%23copper)%27%20stroke-width%3D%270.9%27%20opacity%3D%270.55%27/%3E%3Cpath%20d%3D%27M10%2016%20C14%2010%2C%2022%209%2C%2029%2012%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%270.9%27%20opacity%3D%270.65%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M90%2016%20C86%2010%2C%2078%209%2C%2071%2012%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%270.9%27%20opacity%3D%270.65%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E")}.card-actions:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#ffffff0d 0,#ffffff0d 2px,#0000 2px,#0000 7px),radial-gradient(circle at 35% 20%,rgba(255,210,125,.12),transparent 60%)}.card-actions button{position:relative;flex:1 1 auto;border-radius:12px;border:1px solid rgba(255,215,140,.22);background:linear-gradient(to bottom,#ffffff14,#0000002e),#0000002e;color:#fffbebf2;font-weight:800;letter-spacing:.02em;box-shadow:0 14px 40px #00000059,inset 0 1px #ffffff14;transition:transform .11s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.card-actions button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none;opacity:.55;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFF2C6%27/%3E%3Cstop%20offset%3D%270.55%27%20stop-color%3D%27%23FFD27D%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23D49B3A%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%271.2%27%20y%3D%271.2%27%20width%3D%2797.6%27%20height%3D%2737.6%27%20rx%3D%278%27%20fill%3D%27none%27%20stroke%3D%27url(%23g)%27%20stroke-width%3D%271.2%27%20opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M10%2020%20C14%2012%2C%2022%2010%2C%2030%2014%27%20fill%3D%27none%27%20stroke%3D%27url(%23g)%27%20stroke-width%3D%270.9%27%20opacity%3D%270.65%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M90%2020%20C86%2012%2C%2078%2010%2C%2070%2014%27%20fill%3D%27none%27%20stroke%3D%27url(%23g)%27%20stroke-width%3D%270.9%27%20opacity%3D%270.65%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E")}.card-actions button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffd78c57;background:linear-gradient(to bottom,#ffffff1a,#00000029),#f59e0b0f;box-shadow:0 18px 55px #00000073,inset 0 1px #ffffff1a}.card-actions button:active:not(:disabled){transform:translateY(0)}.card-actions button:focus-visible{outline:2px solid rgba(255,215,140,.22);outline-offset:2px}.card-actions button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.card-actions .btn-tip{position:relative;flex:1 1 auto}.card-actions .btn-tip>button{width:100%}.card-actions .btn-tip[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(6px);max-width:220px;padding:8px 10px;border-radius:12px;font-size:.82rem;line-height:1.25;font-weight:800;letter-spacing:.01em;color:#fffbebf2;border:1px solid rgba(255,215,140,.22);background:linear-gradient(to bottom,#ffffff1a,#00000038),#000000c7;box-shadow:0 18px 55px #0000008c,inset 0 1px #ffffff1a;opacity:0;pointer-events:none;z-index:5;transition:opacity .14s ease,transform .16s ease}.card-actions .btn-tip[data-tip]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);width:10px;height:10px;border-radius:2px;background:#000000c7;border-right:1px solid rgba(255,215,140,.18);border-bottom:1px solid rgba(255,215,140,.18);rotate:45deg;opacity:0;pointer-events:none;z-index:5;transition:opacity .14s ease}.card-actions .btn-tip:hover[data-tip]:after,.card-actions .btn-tip:hover[data-tip]:before{opacity:1}.card-actions .btn-tip:hover[data-tip]:after{transform:translate(-50%) translateY(0)}.card-actions button.btn--primary{border-color:#ffd78c57;background:linear-gradient(to bottom,#ffe6aa24,#0000002e),#f59e0b1a;box-shadow:0 18px 55px #0000007a,inset 0 1px #ffffff1f}.card-actions button.btn--primary:before{opacity:.72}.card-actions button.btn--primary:hover:not(:disabled){border-color:#ffd78c70;background:linear-gradient(to bottom,#ffe6aa2e,#00000029),#f59e0b24}.card-actions button.btn--secondary{border-color:#ffd78c2e;background:linear-gradient(to bottom,#ffffff0f,#0000002e),#00000029;color:#fffbebe6}.card-actions button.btn--secondary:before{opacity:.42}.card-actions button.btn--secondary:hover:not(:disabled){border-color:#ffd78c47;background:linear-gradient(to bottom,#ffffff14,#00000029),#f59e0b0d}.card-actions button:disabled:before{opacity:.16}.card-actions button:disabled{filter:saturate(.85)}.game-result{display:flex;flex-direction:column;align-items:center;gap:12px}.game-result button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;min-width:190px;border-radius:16px;border:1px solid rgba(255,215,140,.34);background:linear-gradient(to bottom,#ffe6aa29,#0000002e),#f59e0b1a;color:#fffbebf5;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 22px 70px #00000085,inset 0 1px #ffffff1f;overflow:hidden;transform:translateZ(0);transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.game-result button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;pointer-events:none;opacity:.72;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27gold%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFF2C6%27/%3E%3Cstop%20offset%3D%270.55%27%20stop-color%3D%27%23FFD27D%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23D49B3A%27/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%27copper%27%20x1%3D%271%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFD7B5%27/%3E%3Cstop%20offset%3D%270.6%27%20stop-color%3D%27%23B96437%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%237B3226%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%271.2%27%20y%3D%271.2%27%20width%3D%2797.6%27%20height%3D%2737.6%27%20rx%3D%278%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%271.2%27%20opacity%3D%270.9%27/%3E%3Crect%20x%3D%272.7%27%20y%3D%272.7%27%20width%3D%2794.6%27%20height%3D%2734.6%27%20rx%3D%277%27%20fill%3D%27none%27%20stroke%3D%27url(%23copper)%27%20stroke-width%3D%270.9%27%20opacity%3D%270.55%27/%3E%3Cpath%20d%3D%27M10%2020%20C14%2012%2C%2022%2010%2C%2030%2014%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%270.9%27%20opacity%3D%270.65%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M90%2020%20C86%2012%2C%2078%2010%2C%2070%2014%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%270.9%27%20opacity%3D%270.65%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E")}.game-result button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#ffffff0f 0,#ffffff0f 2px,#0000 2px,#0000 7px),radial-gradient(circle at 30% 20%,rgba(255,210,125,.14),transparent 60%)}.game-result button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffd78c75;background:linear-gradient(to bottom,#ffe6aa33,#00000029),#f59e0b24;box-shadow:0 28px 90px #0009,inset 0 1px #ffffff24}.game-result button:active:not(:disabled){transform:translateY(0)}.game-result button:focus-visible{outline:2px solid rgba(255,215,140,.24);outline-offset:3px}.game-result button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.85)}.game-result button:disabled:before{opacity:.18}.game-result__icon{width:220px;height:auto}.game-result__score{font-size:1.1rem;font-weight:700}.game-result__score.is-win{color:#22c55e}.game-result__score.is-loss{color:#ef4444}.history-header{display:flex;justify-content:center;margin-bottom:16px}.history-header__image{width:210px;height:auto}.history-panel{position:relative;border-radius:16px;border:1px solid rgba(255,230,170,.1);background:linear-gradient(to bottom,#ffffff0d,#0000002e),#0000002e;box-shadow:0 18px 55px #0006,inset 0 1px #ffffff14,inset 0 -14px 24px #00000040;padding:14px 12px 12px;overflow:hidden}.history-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 20% 0%,rgba(255,200,120,.16),transparent 55%),radial-gradient(circle at 80% 30%,rgba(120,180,255,.08),transparent 60%)}.history-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#ffffff0d 0,#ffffff0d 2px,#0000 2px,#0000 7px)}.history-panel .history-header{margin-bottom:10px}.history-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.history-item{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,230,170,.1);background:linear-gradient(to bottom,#ffffff0f,#0003),#00000029;box-shadow:0 14px 40px #0000004d,inset 0 1px #ffffff14;overflow:hidden}.history-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%2040%27%20preserveAspectRatio%3D%27none%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27gold%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFF2C6%27/%3E%3Cstop%20offset%3D%270.55%27%20stop-color%3D%27%23FFD27D%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23D49B3A%27/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%27copper%27%20x1%3D%271%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFD7B5%27/%3E%3Cstop%20offset%3D%270.6%27%20stop-color%3D%27%23B96437%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%237B3226%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%271.6%27%20y%3D%271.6%27%20width%3D%2796.8%27%20height%3D%2736.8%27%20rx%3D%278%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%271.0%27%20opacity%3D%270.85%27/%3E%3Crect%20x%3D%272.9%27%20y%3D%272.9%27%20width%3D%2794.2%27%20height%3D%2734.2%27%20rx%3D%277%27%20fill%3D%27none%27%20stroke%3D%27url(%23copper)%27%20stroke-width%3D%270.8%27%20opacity%3D%270.55%27/%3E%3C/svg%3E")}.history-icon{width:42px;height:42px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}.history-label{font-weight:900;letter-spacing:.02em;color:#ffffffeb}.history-text{display:inline-flex;align-items:center;gap:4px}.history-score{display:inline-flex;align-items:center;gap:4px;font-weight:900;color:#fffbebeb}.history-item.is-win .history-label{color:#4ade80f2}.history-item.is-loss .history-label{color:#f87171f2}.rules-view{margin-top:14px}.rules-content{position:relative;isolation:isolate;max-width:820px;margin:0 auto;padding:22px 22px 18px;border-radius:18px;border:1px solid rgba(255,230,170,.12);background:linear-gradient(to bottom,#ffffff0d,#0000002e),radial-gradient(circle at 18% 0%,rgba(255,200,120,.12),transparent 55%),radial-gradient(circle at 82% 22%,rgba(120,180,255,.06),transparent 60%),#0000004d;box-shadow:0 24px 80px #0000008c,inset 0 1px #ffffff14,inset 0 -18px 28px #00000042;overflow:hidden}.rules-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.07;mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#ffffff0d 0,#ffffff0d 2px,#0000 2px,#0000 7px),radial-gradient(circle at 30% 12%,rgba(255,210,125,.12),transparent 55%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.35),transparent 60%)}.rules-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.18;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%20100%27%20preserveAspectRatio%3D%27none%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27gold%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFF2C6%27/%3E%3Cstop%20offset%3D%270.55%27%20stop-color%3D%27%23FFD27D%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23D49B3A%27/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%27copper%27%20x1%3D%271%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23FFD7B5%27/%3E%3Cstop%20offset%3D%270.6%27%20stop-color%3D%27%23B96437%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%237B3226%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%272.2%27%20y%3D%272.2%27%20width%3D%2795.6%27%20height%3D%2795.6%27%20rx%3D%2712%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%271.8%27%20opacity%3D%270.9%27/%3E%3Crect%20x%3D%275.2%27%20y%3D%275.2%27%20width%3D%2789.6%27%20height%3D%2789.6%27%20rx%3D%2710%27%20fill%3D%27none%27%20stroke%3D%27url(%23copper)%27%20stroke-width%3D%271.2%27%20opacity%3D%270.55%27/%3E%3Cpath%20d%3D%27M12%2016%20C10%2024%2C%2016%2026%2C%2022%2022%20C26%2018%2C%2028%2012%2C%2036%2012%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%271.1%27%20opacity%3D%270.78%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M88%2016%20C90%2024%2C%2084%2026%2C%2078%2022%20C74%2018%2C%2072%2012%2C%2064%2012%27%20fill%3D%27none%27%20stroke%3D%27url(%23gold)%27%20stroke-width%3D%271.1%27%20opacity%3D%270.78%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E")}.rules-content>*{position:relative;z-index:1}.rules-content{font-size:1.02rem;line-height:1.65;color:#e5e7ebf2}.rules-content p{margin:0 0 14px}.rules-content strong{color:#fffbebf5}.rules-content em{color:#cbd5f5f2}.rules-content a{color:#ffe6aaeb;text-decoration:none;border-bottom:1px solid rgba(255,215,140,.2)}.rules-content a:hover{color:#fffbebfa;border-bottom-color:#ffd78c52}.rules-content h1,.rules-content h2,.rules-content h3{font-family:"IBM Plex Serif",Georgia,serif;letter-spacing:.01em;margin:16px 0 10px;color:#fffbebf5;text-shadow:0 14px 35px rgba(0,0,0,.45)}.rules-content h1{margin-top:0;font-size:2.05rem;letter-spacing:.02em}.rules-content h2{font-size:1.55rem}.rules-content h3{font-size:1.22rem}.rules-content h2,.rules-content h3{position:relative;padding:10px 12px 10px 46px;border-radius:14px;border:1px solid rgba(255,230,170,.08);background:linear-gradient(to bottom,#ffffff0d,#00000038),#00000029;box-shadow:0 12px 40px #00000047,inset 0 1px #ffffff0f}.rules-content h2:before,.rules-content h3:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,215,140,.26);background:radial-gradient(circle at 35% 30%,#ffe6aa38,#0000 55%),linear-gradient(to bottom,#ffffff1a,#00000038),#00000038;box-shadow:0 14px 34px #0006,inset 0 1px #ffffff1a;background-repeat:no-repeat;background-position:center;background-size:16px 16px}.rules-content h2:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%203%20l6%207%20-6%2011%20-6%20-11%206%20-7z%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M12%207v10%27%20fill%3D%27none%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3C/svg%3E)}.rules-content h3:before{background-size:14px 14px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M7%2017%20c2.5%202%207.5%202%2010%200%20M8%207%20l4%2010%204%20-10%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=target]:before,.rules-content h3.rules-h[data-icon=target]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%278%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27/%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%20fill%3D%27none%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M12%204v3%20M12%2017v3%20M4%2012h3%20M17%2012h3%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=pack]:before,.rules-content h3.rules-h[data-icon=pack]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M8%208c0-2%201.5-4%204-4s4%202%204%204%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3Cpath%20d%3D%27M7%209h10%20c1%200%202%201%202%202v7c0%201-1%202-2%202H7c-1%200-2-1-2-2v-7c0-1%201-2%202-2z%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M8%2013h8%20M9%2016h6%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=scroll]:before,.rules-content h3.rules-h[data-icon=scroll]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M7%206h10v12H9a2%202%200%200%201-2-2V6z%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M17%206a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202%27%20fill%3D%27none%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M9%2010h6%20M9%2013h6%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=cards]:before,.rules-content h3.rules-h[data-icon=cards]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Crect%20x%3D%278%27%20y%3D%276%27%20width%3D%2711%27%20height%3D%2714%27%20rx%3D%272%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27/%3E%3Cpath%20d%3D%27M6%208V6a2%202%200%200%201%202-2h7%27%20fill%3D%27none%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M6%2010V8%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=skull]:before,.rules-content h3.rules-h[data-icon=skull]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%203c-4%200-7%203-7%207%200%203%202%205%204%206v3h6v-3c2-1%204-3%204-6%200-4-3-7-7-7z%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M9%2011h0%20M15%2011h0%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M10%2015h4%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=sword]:before,.rules-content h3.rules-h[data-icon=sword]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M14%204l6%206-8%208-4%201%201-4%208-8z%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M6%2018l-2%202%20M8%2016l-2%202%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M11%207l6%206%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=potion]:before,.rules-content h3.rules-h[data-icon=potion]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M10%203h4%20M11%203v4l-4%205a5%205%200%200%200%204%208h2a5%205%200%200%200%204-8l-4-5V3%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M9%2014h6%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=trophy]:before,.rules-content h3.rules-h[data-icon=trophy]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M8%205h8v3a4%204%200%200%201-8%200V5z%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M6%205H4v2a4%204%200%200%200%204%204%20M18%205h2v2a4%204%200%200%201-4%204%27%20fill%3D%27none%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M10%2016h4%20M9%2020h6%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=spark]:before,.rules-content h3.rules-h[data-icon=spark]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%202l1.6%206.2L20%2012l-6.4%203.8L12%2022l-1.6-6.2L4%2012l6.4-3.8L12%202z%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M12%209v6%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20opacity%3D%270.9%27/%3E%3C/svg%3E)}.rules-content h2.rules-h[data-icon=gear]:before,.rules-content h3.rules-h[data-icon=gear]:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%209a3%203%200%201%200%200%206%203%203%200%200%200%200-6z%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27/%3E%3Cpath%20d%3D%27M19%2012l2-1-1-2-2%20.3-1.2-1.2.3-2-2-1-1%202-1.6%200-1-2-2%201%20.3%202-1.2%201.2-2-.3%201%202%202%201%20.0%201.6-2%201-1%202%20.3%201.2%201.2-2-.3%201%202%202%201%201-2%201.6%200%201%202%202-1%202%20-.3%201.2%201.2%202%20.3%201-2-2-1-0-1.6%202-1z%27%20fill%3D%27none%27%20stroke%3D%27%23B96437%27%20stroke-width%3D%271.4%27%20stroke-linejoin%3D%27round%27%20opacity%3D%270.9%27/%3E%3C/svg%3E)}.rules-content h2:after,.rules-content h3:after{width:min(520px,96%);margin-top:10px;opacity:.95}.rules-content h2:after,.rules-content h3:after{content:"";display:block;height:2px;width:min(420px,92%);margin-top:8px;border-radius:999px;background:linear-gradient(to right,#ffd78c00,#ffd78c52,#b964371a,#ffd78c00)}.rules-content hr{border:none;height:14px;margin:18px 0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%2014%27%20preserveAspectRatio%3D%27none%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27rgba(255,215,140,0)%27/%3E%3Cstop%20offset%3D%270.5%27%20stop-color%3D%27rgba(255,215,140,0.32)%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27rgba(255,215,140,0)%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%27M0%207%20H100%27%20stroke%3D%27url(%23g)%27%20stroke-width%3D%272%27/%3E%3Ccircle%20cx%3D%2750%27%20cy%3D%277%27%20r%3D%272.3%27%20fill%3D%27rgba(255,210,125,0.35)%27/%3E%3Ccircle%20cx%3D%2750%27%20cy%3D%277%27%20r%3D%271.1%27%20fill%3D%27rgba(185,100,55,0.28)%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:100% 14px;opacity:.9}.rules-content ul,.rules-content ol{margin:10px 0 16px 22px;padding:0}.rules-content li{margin:8px 0}.rules-content ul{margin-left:18px}.rules-content ul li{position:relative;padding-left:18px}.rules-content ul li:before{content:"";position:absolute;left:0;top:.72em;transform:translateY(-50%);width:10px;height:10px;border-radius:3px;border:1px solid rgba(255,215,140,.26);background:linear-gradient(to bottom,#ffe6aa2e,#00000038),#0000002e;box-shadow:0 10px 24px #00000052,inset 0 1px #ffffff1a}.rules-content ul li::marker{color:transparent}.rules-content ol li::marker{color:#ffe6aac7;font-weight:900}.rules-content blockquote{margin:14px 0;border-radius:14px;border:1px solid rgba(255,230,170,.1);background:linear-gradient(to bottom,#ffffff0f,#0003),#00000029;box-shadow:0 14px 40px #00000052,inset 0 1px #ffffff14;position:relative;padding:12px 14px 12px 44px}.rules-content blockquote:before{content:"";position:absolute;left:14px;top:14px;width:20px;height:20px;border-radius:999px;border:1px solid rgba(255,215,140,.24);background:radial-gradient(circle at 35% 30%,#ffe6aa38,#0000 55%),linear-gradient(to bottom,#ffffff1a,#00000038),#00000038;box-shadow:0 14px 34px #0006,inset 0 1px #ffffff1a;background-repeat:no-repeat;background-position:center;background-size:13px 13px;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%202%20l9%2010%20-9%2010%20-9%20-10%209%20-10z%27%20fill%3D%27none%27%20stroke%3D%27%23FFD27D%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E)}.rules-content blockquote p{margin:0;color:#fffbebeb}.rules-content table{width:100%;border-collapse:separate;border-spacing:0;margin:14px 0 18px;font-size:.96rem;border-radius:14px;overflow:hidden;border:1px solid rgba(255,230,170,.1);box-shadow:0 18px 55px #00000057,inset 0 1px #ffffff0f}.rules-content thead th{position:sticky;top:0;z-index:1;text-align:left;padding:10px 12px;color:#fffbebf5;font-weight:900;letter-spacing:.02em;background:linear-gradient(to bottom,#ffe6aa1a,#0003),#00000038;border-bottom:1px solid rgba(255,230,170,.12)}.rules-content tbody td{padding:10px 12px;border-bottom:1px solid rgba(255,230,170,.08);color:#e5e7ebf0}.rules-content tbody tr:nth-child(odd) td{background:#00000024}.rules-content tbody tr:hover td{background:#f59e0b0f}.rules-content tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){main{padding:24px 16px 48px}.app-logo{width:240px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{width:100%}.card-actions button{flex:1 1 auto}}@media (max-width: 600px){.app-header{flex-direction:column;gap:12px}.app-nav{position:static;justify-content:center}.app-logo{width:210px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center}.history-header__image{width:170px}.history-icon{width:2.5em;height:2.5em}.rules-content{max-width:100%;padding:14px 12px 12px}.rules-content table{display:block;overflow-x:auto;width:100%}.rules-content thead th,.rules-content tbody td{white-space:nowrap}.history-list{grid-template-columns:1fr}}@media (max-width: 420px){.card-grid{grid-template-columns:1fr}}@media (min-width: 568px) and (max-width: 900px) and (orientation: landscape){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 567px) and (orientation: landscape){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hud{border:1px solid rgba(255,255,255,.08);background:#050a1459;border-radius:16px;padding:14px;box-shadow:0 18px 55px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud__top{display:grid;grid-template-columns:1.6fr 1.2fr 1fr;gap:12px;align-items:stretch}.hud__panel{border:1px solid rgba(255,255,255,.08);background:#11182740;border-radius:14px;padding:12px}.hud__title{display:block;font-size:.95rem;letter-spacing:.06em;color:#ffe6aaeb;margin-bottom:8px;text-transform:uppercase;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.8),0 0 18px rgba(245,158,11,.15)}.hud__bottom{margin-top:12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;position:relative;padding-top:14px}.hud__bottom:before{content:"";position:absolute;left:10px;right:10px;top:0;height:12px;background-image:url(/assets/ui/hud/divider.svg);background-repeat:no-repeat;background-position:center;background-size:100% 12px;opacity:.55;pointer-events:none}.hud__subtitle{margin-top:10px;text-align:center;color:#ffffffb3;font-style:italic;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hud--ornament{position:relative;border-radius:18px;border:1px solid rgba(255,230,170,.14);background:radial-gradient(circle at 20% 0%,rgba(255,200,120,.1),transparent 50%),radial-gradient(circle at 80% 20%,rgba(120,180,255,.06),transparent 55%),#050a1466;box-shadow:0 24px 80px #0000008c,inset 0 1px #ffffff1a;overflow:hidden}.hud--ornament:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/ui/hud/noise.svg);background-size:420px 420px;opacity:.07;mix-blend-mode:overlay;pointer-events:none}.hud__frame{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/ui/hud/hud-frame.svg);background-repeat:no-repeat;background-size:100% 100%;opacity:.75;pointer-events:none;filter:drop-shadow(0 14px 30px rgba(0,0,0,.55))}.hud__dust{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-image:url(/assets/ui/hud/gold-dust.svg);background-repeat:repeat;background-size:380px 380px;opacity:.08;pointer-events:none}.hud__panel--ornament{position:relative;border-radius:16px;border:1px solid rgba(255,230,170,.1);background:linear-gradient(to bottom,#ffffff0d,#00000026),#0003;box-shadow:0 18px 45px #00000059,inset 0 1px #ffffff12,inset 0 -12px 22px #00000040;overflow:hidden}.hud__panel--ornament:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/ui/hud/panel-frame.svg);background-repeat:no-repeat;background-size:100% 100%;opacity:.65;pointer-events:none}.hp{position:relative;height:46px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,215,140,.16);background:#00000059;box-shadow:inset 0 0 0 1px #00000059,0 10px 30px #00000059}.hp.is-hit{animation:hp-shake .16s ease-in-out}@keyframes hp-shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(0)}}.hp.is-heal{animation:hp-heal .22s ease-out}@keyframes hp-heal{0%{transform:translateY(0);box-shadow:inset 0 0 0 1px #00000059,0 10px 30px #00000059,0 0 #22c55e00}35%{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #00000059,0 10px 30px #00000059,0 0 26px #22c55e33}to{transform:translateY(0);box-shadow:inset 0 0 0 1px #00000059,0 10px 30px #00000059,0 0 #22c55e00}}.hp__frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:14px;box-shadow:inset 0 1px #ffffff1a,inset 0 -10px 25px #00000073}.hp__track{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:10px;overflow:hidden;background:#00000040}.hp__fill{height:100%;width:0%;transition:width .26s ease-out;border-radius:10px;background:linear-gradient(to bottom,#fff3,#fff0),linear-gradient(to right,#2a0707,#7d0f0f,#d83a3a);position:relative}.hp__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;mix-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#ffffff0d 0,#ffffff0d 2px,#0000 2px,#0000 6px),radial-gradient(circle at 20% 30%,#ffffff1a,#0000 55%),radial-gradient(circle at 80% 70%,#00000040,#0000 60%)}.hp__text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;letter-spacing:.05em;color:#ffffffeb;text-shadow:0 2px 10px rgba(0,0,0,.85);pointer-events:none}.hp__float{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none;font-weight:900;letter-spacing:.04em;font-size:1.05rem;text-shadow:0 2px 12px rgba(0,0,0,.85),0 0 18px rgba(0,0,0,.55);opacity:0;animation:hp-float-up .72s ease-out forwards}.hp__float--hit{color:#f87171f5}.hp__float--heal{color:#4ade80f5}@keyframes hp-float-up{0%{opacity:0;transform:translateY(-50%) translateY(6px) scale(.96);filter:blur(.6px)}18%{opacity:1;transform:translateY(-50%) translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-50%) translateY(-18px) scale(1.02);filter:blur(.4px)}}.hp--low:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ef44441f;animation:hp-pulse 1.2s ease-in-out infinite;pointer-events:none}@keyframes hp-pulse{0%,to{opacity:.25}50%{opacity:.05}}.hud-weapon{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.hud-weapon__label{margin:0;font-weight:700;color:#ffffffeb}.hud-weapon__limit{margin:2px 0 0;color:#cbd5f5e6}.hud-weapon__card{height:86px;display:flex;align-items:flex-start}.hud-weapon__card .card-image,.hud-weapon__card .card-fallback{height:100%;width:auto;max-height:86px}.hud-progress{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hud-stat{border:1px solid rgba(255,255,255,.08);background:#0003;border-radius:12px;padding:10px}.hud-stat__k{font-size:.8rem;color:#ffffff8c}.hud-stat__v{margin-top:4px;font-size:1.15rem;font-weight:800;color:#ffffffeb}.hud-skip{border:1px solid rgba(255,215,140,.28);background:linear-gradient(to bottom,#ffe6aa1f,#0000002e),#f59e0b14;color:#fffbebf2;font-weight:800;letter-spacing:.02em;padding:12px 20px;border-radius:14px;box-shadow:0 18px 55px #00000073,inset 0 1px #ffffff1a}.hud-skip:hover{background:linear-gradient(to bottom,#ffe6aa29,#00000029),#f59e0b1a;border-color:#ffd78c61}.hud-skip:active{transform:translateY(1px)}.hud-skip:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 900px){.hud__top{grid-template-columns:1fr}.hud__bottom{grid-template-columns:1fr;justify-items:center}}.card:hover:before{opacity:.9;filter:drop-shadow(0 0 10px rgba(255,210,125,.2)) drop-shadow(0 0 18px rgba(185,100,55,.16))}.card:focus-within:before{opacity:.92;filter:drop-shadow(0 0 12px rgba(255,210,125,.22)) drop-shadow(0 0 22px rgba(185,100,55,.18))}