*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b1218}:root{--avx-gate-field: min(22rem, calc(100vw - 3rem) );--avx-gate-title-field: min(28rem, calc(100vw - 2rem) );--avx-gold: #d4a853;--avx-gold-bright: #f0c96a;--avx-gold-dim: rgba(212, 168, 83, .38);--avx-gold-glow: rgba(240, 201, 106, .45);--avx-gold-bg: rgba(212, 168, 83, .1);--avx-platinum: #7ec4e8;--avx-platinum-bright: #b6e4f7;--avx-platinum-dim: rgba(126, 196, 232, .45);--avx-platinum-glow: rgba(150, 210, 240, .5);--avx-platinum-bg: rgba(126, 196, 232, .12);--avx-diamond: #3db8d4;--avx-diamond-bright: #8fe4f6;--avx-diamond-dim: rgba(90, 200, 220, .5);--avx-diamond-glow: rgba(80, 210, 240, .55);--avx-diamond-bg: rgba(50, 170, 200, .14)}@property --luck{syntax: "<color>"; inherits: true; initial-value: #d4a853;}@property --luck-bright{syntax: "<color>"; inherits: true; initial-value: #f0c96a;}@property --luck-glow{syntax: "<color>"; inherits: true; initial-value: #f0c96a73;}@property --luck-dim{syntax: "<color>"; inherits: true; initial-value: #d4a85361;}@property --hypno-turn{syntax: "<angle>"; inherits: true; initial-value: 0deg;}[data-luck=gold]{--luck: var(--avx-gold);--luck-bright: var(--avx-gold-bright);--luck-dim: var(--avx-gold-dim);--luck-glow: var(--avx-gold-glow);--luck-bg: var(--avx-gold-bg);--luck-fill: rgba(212, 168, 83, .22);--luck-ink: #16110a;--luck-btn: linear-gradient(180deg, rgba(212, 168, 83, .35) 0%, rgba(180, 130, 40, .22) 100%);--luck-btn-hover: linear-gradient(180deg, rgba(212, 168, 83, .45) 0%, rgba(180, 130, 40, .3) 100%)}[data-luck=platinum]{--luck: var(--avx-platinum);--luck-bright: var(--avx-platinum-bright);--luck-dim: var(--avx-platinum-dim);--luck-glow: var(--avx-platinum-glow);--luck-bg: var(--avx-platinum-bg);--luck-fill: rgba(126, 196, 232, .22);--luck-ink: #0c1820;--luck-btn: linear-gradient( 180deg, rgba(126, 196, 232, .36) 0%, rgba(70, 140, 180, .22) 100% );--luck-btn-hover: linear-gradient( 180deg, rgba(126, 196, 232, .46) 0%, rgba(70, 140, 180, .3) 100% )}[data-luck=diamond]{--luck: var(--avx-diamond);--luck-bright: var(--avx-diamond-bright);--luck-dim: var(--avx-diamond-dim);--luck-glow: var(--avx-diamond-glow);--luck-bg: var(--avx-diamond-bg);--luck-fill: rgba(61, 184, 212, .24);--luck-ink: #07141c;--luck-btn: linear-gradient( 120deg, rgba(61, 184, 212, .42) 0%, rgba(155, 134, 232, .28) 50%, rgba(95, 208, 181, .32) 100% );--luck-btn-hover: linear-gradient( 120deg, rgba(61, 184, 212, .52) 0%, rgba(155, 134, 232, .38) 50%, rgba(95, 208, 181, .42) 100% );animation:avx-luck-prism 2.8s ease-in-out infinite}@keyframes avx-luck-prism{0%,to{--luck: #3db8d4;--luck-bright: #8fe4f6;--luck-glow: #50d2f08c}40%{--luck: #9b86e8;--luck-bright: #c9b8ff;--luck-glow: #aa8cff80}70%{--luck: #5fd0b5;--luck-bright: #9df0d8;--luck-glow: #64e6be80}}@keyframes avx-luck-sheen{0%{background-position:100% 50%}to{background-position:0% 50%}}[data-luck=hypnotoadmode]{--luck: #ff2d55;--luck-bright: #ff8ab0;--luck-dim: rgba(255, 80, 160, .55);--luck-glow: rgba(255, 70, 180, .55);--luck-bg: rgba(255, 60, 140, .16);--luck-fill: rgba(255, 70, 170, .28);--luck-ink: #140814;--luck-btn: linear-gradient( 90deg, rgba(255, 45, 85, .45), rgba(255, 138, 0, .4), rgba(245, 230, 66, .38), rgba(46, 232, 106, .4), rgba(45, 183, 255, .42), rgba(122, 77, 255, .45) );--luck-btn-hover: linear-gradient( 90deg, rgba(255, 45, 85, .58), rgba(255, 138, 0, .52), rgba(245, 230, 66, .5), rgba(46, 232, 106, .52), rgba(45, 183, 255, .54), rgba(122, 77, 255, .58) );animation:avx-luck-rainbow 1.6s linear infinite,avx-luck-hypno-spin 1.15s linear infinite}@keyframes avx-luck-rainbow{0%,to{--luck: #ff2d55;--luck-bright: #ff8ab0;--luck-glow: #ff2d558c;--luck-dim: #ff2d558c}16%{--luck: #ff8a00;--luck-bright: #ffc56a;--luck-glow: #ff8a008c;--luck-dim: #ff8a008c}33%{--luck: #f0d42a;--luck-bright: #ffe56a;--luck-glow: #f0d42a8c;--luck-dim: #f0d42a8c}50%{--luck: #2ee86a;--luck-bright: #8affb0;--luck-glow: #2ee86a8c;--luck-dim: #2ee86a8c}66%{--luck: #2db7ff;--luck-bright: #8ad8ff;--luck-glow: #2db7ff8c;--luck-dim: #2db7ff8c}83%{--luck: #7a4dff;--luck-bright: #c4a8ff;--luck-glow: #7a4dff8c;--luck-dim: #7a4dff8c}}@keyframes avx-luck-hypno-spin{to{--hypno-turn: 360deg}}.tile[data-luck]{border:1px solid transparent;outline:none;box-shadow:none}.tile[data-luck]:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--luck)}.tile[data-luck=diamond]:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 32%,rgba(201,184,255,.28) 50%,transparent 68%);background-size:220% 100%;animation:avx-luck-sheen 2.8s ease-in-out infinite alternate}.tile[data-luck=hypnotoadmode]:after{box-shadow:none;padding:3px;background:conic-gradient(from var(--hypno-turn, 0deg),#ff2d55,#ff8a00,#f0d42a,#2ee86a,#2db7ff,#7a4dff,#ff2d55);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.tile[data-luck] .name{color:var(--luck)}.tile[data-luck].speaking{border:1px solid transparent;outline:none;box-shadow:none}.tile[data-luck].speaking:not([data-luck=hypnotoadmode]):after{box-shadow:inset 0 0 0 2px var(--luck-bright)}.tile[data-luck].hand-raised:after{content:none}.tile[data-luck] .tile-avatar,.tile[data-luck].idle .tile-avatar,.tile[data-luck].self .tile-avatar{background:var(--luck);color:var(--luck-ink);box-shadow:none}.tile[data-luck].speaking .tile-avatar{box-shadow:0 0 0 3px var(--luck-bright)}.rail li[data-luck] .avatar,.rail li[data-luck] .avatar.muted{background:var(--luck);color:var(--luck-ink);box-shadow:none}.rail li[data-luck] .who-name{color:var(--luck)}@media(prefers-reduced-motion:reduce){[data-luck=diamond],[data-luck=hypnotoadmode]{animation:none}.tile[data-luck=diamond]:before,.tile[data-luck=hypnotoadmode]:after{animation:none}}